js判断数据类型8种方式

在JavaScript中，判断数据类型是开发过程中常见的需求。以下是八种常用的方法来检测数据类型：

1. typeof 操作符

typeof 是 JavaScript 中最基本的用于检测数据类型的方法。

console.log(typeof 'hello'); // "string"
console.log(typeof 123); // "number"
console.log(typeof true); // "boolean"
console.log(typeof undefined); // "undefined"
console.log(typeof null); // "object" (这是一个历史遗留 bug)
console.log(typeof Symbol()); // "symbol"
console.log(typeof BigInt(123)); // "bigint"

2. instanceof 操作符

instanceof 用于检测对象是否为某个构造函数的实例，适用于复杂类型（如数组和日期）。

console.log([] instanceof Array); // true
console.log({} instanceof Object); // true
console.log(new Date() instanceof Date); // true

3. Array.isArray

用于判断是否为数组，避免使用 typeof 和 instanceof 不能准确识别数组的问题。

console.log(Array.isArray([1, 2, 3])); // true
console.log(Array.isArray("hello")); // false

4. Object.prototype.toString.call

通过 Object.prototype.toString.call 方法，可以获取更完整的数据类型信息。

console.log(Object.prototype.toString.call("hello")); // "[object String]"
console.log(Object.prototype.toString.call(123)); // "[object Number]"
console.log(Object.prototype.toString.call([])); // "[object Array]"
console.log(Object.prototype.toString.call({})); // "[object Object]"

5. constructor 属性

可以通过对象的 constructor 属性来检测其类型，但是可能会受到原型链影响。

console.log((123).constructor === Number); // true
console.log(("hello").constructor === String); // true

6. isNaN 函数

isNaN 用于判断一个值是否是 NaN（不是一个数字），而且在检测数字时也需要注意。

console.log(isNaN(NaN)); // true
console.log(isNaN("hello")); // true
console.log(isNaN(123)); // false

7. Number.isFinite

用于判断一个值是否是有限数值，用于更精确的数字类型判断。

console.log(Number.isFinite(123)); // true
console.log(Number.isFinite(Infinity)); // false
console.log(Number.isFinite(NaN)); // false

8. 判断 null

由于 typeof null 返回的是 "object"，所以可以单独进行检测。

function isNull(value) {
    return value === null;
}

console.log(isNull(null)); // true
console.log(isNull(undefined)); // false

总结

以上就是前端 JavaScript 中判断数据类型的八种常见方式。每种方法有其独特的用途和场景，开发者可以根据具体需求灵活选择使用。正确识别数据类型对于有效的数据处理、错误调试以及提高代码可读性都具有重要意义。