JavaScript中检测数据类型的四种方法

当我们在进行 JavaScript 的开发时，必须经常检测数据类型以确保代码的正确性。本文将介绍 JavaScript 中检测数据类型的四种方法。

方法一：typeof 操作符

typeof 操作符用于检测变量的数据类型，返回一个字符串，表明该变量的数据类型。

console.log(typeof 'Hello World'); // string
console.log(typeof 123); // number
console.log(typeof true); // boolean
console.log(typeof undefined); // undefined
console.log(typeof null); // object
console.log(typeof []); // object
console.log(typeof {}); // object
console.log(typeof function(){}); // function

需要注意的是，typeof null 返回 object，这是一个已知的 JavaScript Bug, 因为在 JavaScript 的实现中，null 是对 Null 指针的引用。

方法二：instanceof 操作符

instanceof 操作符用于检测对象的类型，返回一个布尔值，表明该对象是否属于指定类型的实例。

console.log('Hello World' instanceof String); // false
console.log(new String('Hello World') instanceof String); // true
console.log(123 instanceof Number); // false
console.log(new Number(123) instanceof Number); // true
console.log(true instanceof Boolean); // false
console.log(new Boolean(true) instanceof Boolean); // true
console.log([] instanceof Array); // true
console.log({} instanceof Object); // true

需要注意的是，如果检测变量是基本数据类型的值，该方法会返回 false。

方法三：Object.prototype.toString.call() 方法

Object.prototype.toString.call() 方法用于检测对象的类型，返回一个字符串，表明该对象的数据类型。

console.log(Object.prototype.toString.call('Hello World')); // [object String]
console.log(Object.prototype.toString.call(123)); // [object Number]
console.log(Object.prototype.toString.call(true)); // [object Boolean]
console.log(Object.prototype.toString.call(undefined)); // [object Undefined]
console.log(Object.prototype.toString.call(null)); // [object Null]
console.log(Object.prototype.toString.call([])); // [object Array]
console.log(Object.prototype.toString.call({})); // [object Object]
console.log(Object.prototype.toString.call(function(){})); // [object Function]

需要注意的是，该方法对于 null 和 undefined，会返回 [object Null] 和 [object Undefined]。

方法四：Array.isArray() 方法

Array.isArray() 方法用于检测对象是否为数组，返回一个布尔值。

console.log(Array.isArray([])); // true
console.log(Array.isArray({})); // false

需要注意的是，该方法对于类数组对象（如 DOM NodeList）并不适用。

综上所述，这四种方法都可以被用来检测 JavaScript 中的数据类型，各有各的优缺点，请根据实际需要选择合适的方法。