js如何对类型进行判断_石家庄创泽智能科技有限公司

新闻中心 NEWS CENTER

您当前位置：首页 > 新闻中心 > 网络学院

js如何对类型进行判断

2025-11-15

浏览次数：次

返回列表

J*aScript中判断类型需根据场景选择方法：1. typeof适用于基本类型，但null、数组和对象均返回"object"；2. instanceof通过原型链判断引用类型实例，跨iframe可能失效；3. Object.prototype.toString最可靠，可精确识别所有内置类型，推荐封装使用；4. 辅助方法如Array.isArray专门判断数组，结合null和对象的特判逻辑更精准。综合运用效果最佳。

js如何对类型进行判断

J*aScript 中判断类型主要依靠 typeof、instanceof、Object.prototype.toString 等方法。每种方式适用的场景不同，下面详细介绍。

1. 使用 typeof 判断基本类型

typeof 是最常用的方式，适合判断原始类型，但有局限性。

typeof "hello" → "string"
typeof 123 → "number"
typeof true → "boolean"
typeof undefined → "undefined"
typeof Symbol() → "symbol"
typeof function(){} → "function"

注意：typeof null 返回 "object"，这是历史遗留 bug；数组和对象也都会返回 "object"，无法区分。

2. 使用 instanceof 判断引用类型

instanceof 用于检测对象是否是某个构造函数的实例，适合判断数组、日期等。

[] instanceof Array → true
{} instanceof Object → true
new Date() instanceof Date → true
/abc/ instanceof RegExp → true

注意：instanceof 依赖原型链，跨 iframe 时可能失效，且不能判断原始类型。

3. 使用 Object.prototype.toString 获取精确类型

这是最可靠的方法，能准确识别所有内置类型。

Visla

AI视频生成器，快速轻松地将您的想法转化为视觉上令人惊叹的视频。

100 查看详情 Visla

调用该方法会返回格式为 [object Type] 的字符串。

Object.prototype.toString.call("hello") // [object String]<br>
Object.prototype.toString.call([])      // [object Array]<br>
Object.prototype.toString.call(null)    // [object Null]<br>
Object.prototype.toString.call(new Date()) // [object Date]

可以封装一个通用函数：

function getType(value) {<br>
  return Object.prototype.toString.call(value).slice(8, -1).toLowerCase();<br>
}<br>
getType({})        // "object"<br>
getType([])        // "array"<br>
getType(null)      // "null"