js判断数据类型的4种方式

js判断数据类型的方式

1、typeof运算符

• 原理：typeof 运算符返回一个字符串，表示操作数的类型。
• 返回值：“undefined”、“boolean”、“number”、“string”、“bigint”、“symbol”、“function”、“object”。
• 局限性：
  typeof null 返回 “object”，这是一个历史遗留问题。
  无法区分具体的 object 类型，例如数组、日期、正则表达式等，它们都返回 “object”。

2、Object.prototype.toString.call() 方法

• 原理: 所有对象都继承自 Object.prototype，toString() 方法返回一个表示对象类型的字符串。通过 call() 方法，可以在任何值上调用 Object.prototype.toString()，从而获取其内部类型。,
• 用法: Object.prototype.toString.call(variable)
• 返回值: 例如 “[object Array]”、“[object Date]”、“[object RegExp]”、“[object Null]”、“[object Undefined]” 等。
• 优点: 可以精确区分各种 object 类型，包括 null 和 undefined。

3、Array.isArray() 方法

• 原理: 专门用于判断一个值是否为数组。
• 用法: Array.isArray(variable)
• 返回值: true 或 false。
• 优点: 比 typeof 和 Object.prototype.toString.call() 更简洁高效，专门用于判断数组。

4、instanceof 运算符

• 原理: 用于检测构造函数的 prototype 属性是否出现在某个实例的原型链上。
• 用法: variable instanceof Constructor
• 返回值: true 或 false。
• 局限性: 仅适用于自定义对象和一些内置对象，对于基本数据类型无效。 在 iframe 等跨文档场景下，instanceof 的判断可能不准确。

总结

1. 对于基本数据类型（除了 null），typeof 运算符足够使用。
2. 对于 null 和 undefined，以及区分各种 object 类型，使用 Object.prototype.toString.call() 方法最为可靠。
3. 专门判断数组类型时，使用 Array.isArray() 方法更高效。
4. instanceof 适用于判断自定义对象类型及其继承关系，但不适用于基本数据类型和跨文档场景。