js 数据类型分类与判断（typeof、instanceof、Object.prototype.toString.call）

前端

2023-10-05 06:00:29

JavaScript 中的数据类型：全方位指南

什么是数据类型？

在 JavaScript 中，数据类型决定了数据的特征。它是一把分类工具，将数据组织成不同的组，每个组具有独特的属性和行为。理解数据类型对于有效地处理和操作数据至关重要。

基本数据类型

JavaScript 提供了六种基本数据类型：

Number: 表示数字值，可以是整数或浮点数。
String: 由一个或多个字符组成，用引号（单引号或双引号）括起来。
Boolean: 具有两个可能值：true 或 false。表示逻辑状态。
Null: 表示不存在值，是一个特殊的保留字。
Undefined: 表示变量尚未赋值，也是一个特殊的保留字。
Symbol: 用于表示唯一标识符，是 ES6 中引入的新数据类型。

复杂数据类型

除了基本数据类型外，JavaScript 还提供了更复杂的数据类型：

Object: 允许你将数据存储在键值对中，就像一个字典。对象可以嵌套，创建复杂的数据结构。
Array: 存储有序值的有序列表，类似于 Python 中的列表或 C++ 中的 vector。
Function: 定义可执行一组代码的代码块。函数可以接收参数并返回值。

判断数据类型

判断数据类型对于编写高效且可靠的代码至关重要。JavaScript 提供了多种方法来确定数据类型：

typeof: 返回一个字符串，表示数据类型的名称。
instanceof: 检查对象是否是特定类的实例。
Object.prototype.toString.call(): 返回一个字符串，准确表示数据类型。

选择正确的方法

虽然 typeof 操作符易于使用，但它在处理某些数据类型时存在限制。 instanceof 操作符只能检查对象实例，而 Object.prototype.toString.call() 方法可以准确确定所有数据类型的类型。

示例

console.log(typeof 10); // "number"
console.log(typeof "hello"); // "string"
console.log(typeof null); // "object" // 注意，typeof null 返回 "object"
console.log(typeof undefined); // "undefined"

const myArray = [];
console.log(myArray instanceof Array); // true
console.log(Object.prototype.toString.call(myArray)); // "[object Array]"