一文搞懂JavaScript判断数据类型的方法

引言

由于 JavaScript 是动态类型语言，一个变量的类型可以在运行时发生变化，因此有效地判断类型是确保代码稳定性和功能正确性的关键。本文将介绍常用的几种判断数据类型的方法。

1. typeof 操作符

typeof 是 JavaScript 中用来检查基本数据类型（如字符串、数字、布尔值等）的一种简单方式。

语法：

typeof variable

示例：

console.log(typeof 123); // "number"
console.log(typeof "hello"); // "string"
console.log(typeof true); // "boolean"
console.log(typeof undefined); // "undefined"
console.log(typeof null); // "object" (注意：这是一个历史遗留问题)
console.log(typeof Symbol()); // "symbol"

注意：

• typeof null 返回 "object"，这是一个 JavaScript 的历史遗留问题。
• typeof 不能判断复杂数据类型（如数组、对象、函数等），它们都会返回 "object"。

2. instanceof 操作符

instanceof 用于检查一个对象是否为某个类的实例，常用于判断对象类型。

语法：

object instanceof constructor;

示例：

console.log([1, 2, 3] instanceof Array); // true
console.log({ name: "John" } instanceof Object); // true
console.log(function () {} instanceof Function); // true
console.log("hello" instanceof String); // false

注意：

• instanceof 只适用于对象类型，不适用于基本数据类型。
• 它会检查对象的原型链，因此它可以判断出对象的具体类型。

3. Array.isArray() 方法

Array.isArray() 是判断一个变量是否为数组的专用方法。因为 typeof 对数组的判断结果是"object"，并不准确，所以我们使用此方法来区分。

语法：

Array.isArray(variable);

示例：

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

4. Object.prototype.toString 方法

Object.prototype.toString 是一种更为精确的判断数据类型的方法，尤其适用于复杂数据类型（如数组、正则表达式、日期对象等）。

语法：

Object.prototype.toString.call(variable);

示例：

console.log(Object.prototype.toString.call(123)); // "[object Number]"
console.log(Object.prototype.toString.call("hello")); // "[object String]"
console.log(Object.prototype.toString.call([1, 2, 3])); // "[object Array]"
console.log(Object.prototype.toString.call(function () {})); // "[object Function]"
console.log(Object.prototype.toString.call(new Date())); // "[object Date]"
console.log(Object.prototype.toString.call(/regex/)); // "[object RegExp]"

优点：

• 这种方法能够区分所有基本类型和复杂对象，包括 Array、Date、RegExp 等。
• 它对于判断类型非常精确。

5. constructor 属性

每个 JavaScript 对象都有一个 constructor 属性，它指向创建该对象的构造函数。通过 constructor属性，我们可以进一步判断对象的类型。

示例：

let arr = [1, 2, 3];
console.log(arr.constructor === Array); // true

let obj = {};
console.log(obj.constructor === Object); // true

let date = new Date();
console.log(date.constructor === Date); // true

注意：

• constructor 属性可以用来判断对象类型，但对于某些特殊情况（如被篡改的对象）可能失效。

6. 判断 null 类型

由于 typeof null 返回的是 "object"，如果需要专门判断 null，可以单独处理：

let value = null;
console.log(value === null); // true

总结

在 JavaScript 中，判断数据类型的常用方法有很多，各有优缺点。以下是一些常用方法的总结：

方法	适用范围	优点	缺点
typeof	基本数据类型（数字、字符串、布尔值等）	简单、快速	无法区分复杂对象（如数组、对象、函数等）
instanceof	对象类型（包括数组、函数、日期等）	可以判断对象的具体类型	不能判断基本数据类型
Array.isArray()	数组类型	专门用来判断数组	不能判断其他类型
Object.prototype.toString	所有数据类型	能准确区分所有类型	语法稍复杂，且必须使用 call 或 apply 方法
constructor	对象类型	判断对象的构造函数	容易受到对象被篡改的影响，可能失效