JavaScript 数据类型判断方法大汇总：打破 typeof 限制

导语：
在 JavaScript 的奇幻世界中，数据类型是至高无上的王座。然而，typeof 却无法分辨所有的数据类型，给我们带来了不小的挑战。本文将深入探讨 8 种数据类型，揭示如何判断它们的身份，打破 typeof 的限制，让你的代码焕发光彩！

目录：

• 8 种数据类型
• typeof 无法区分
• [] {} null
• instanceof
• constructor

8 种数据类型

JavaScript 拥有 8 种基本数据类型：

• Boolean
• Null
• Undefined
• Number
• String
• Symbol
• BigInt
• Object

每种类型都有其独特的行为和特点，了解它们至关重要。

typeof 无法区分

typeof 操作符是一个方便的工具，可以快速识别数据类型。然而，它在区分某些类型时却显得无能为力，例如：

• typeof [] === "object" // 数组类型
• typeof {} === "object" // 对象类型
• typeof null === "object" // 错误！null 不是对象

[] {} null

对于数组、对象和 null，typeof 都将它们识别为 "object"。但这并不准确。我们可以使用以下方法来区分它们：

• isArray()： 检查变量是否为数组
• isObject()： 检查变量是否为对象
• isNull()： 检查变量是否为 null

示例：

console.log(isArray([])); // true
console.log(isObject({})); // true
console.log(isNull(null)); // true

instanceof

instanceof 操作符可以判断一个对象是否属于某个类的实例。这对于判断复杂类型非常有用：

• instanceof Array： 检查变量是否为数组实例
• instanceof Object： 检查变量是否为对象实例
• instanceof String： 检查变量是否为字符串实例

示例：

console.log([] instanceof Array); // true
console.log({} instanceof Object); // true
console.log("hello" instanceof String); // true

constructor

每个 JavaScript 对象都有一个 constructor 属性，指向该对象的构造函数。我们可以使用它来判断对象的类型：

• obj.constructor === Array： 变量 obj 是数组
• obj.constructor === Object： 变量 obj 是对象
• obj.constructor === String： 变量 obj 是字符串

示例：

const arr = [];
const obj = {};
const str = "hello";

console.log(arr.constructor === Array); // true
console.log(obj.constructor === Object); // true
console.log(str.constructor === String); // true

结语

掌握 JavaScript 数据类型判断方法至关重要，可以让你写出更健壮、更高效的代码。通过打破 typeof 的限制，你可以驾驭数据类型的浩瀚海洋，让你的代码在 JavaScript 的天地中乘风破浪，所向披靡！