JavaScript 数据类型探秘：一览四种常用判断方法，轻松驾驭数据世界！

2022-11-01 08:25:18

JavaScript 中的数据类型判断：深入浅出的指南

简介

在 JavaScript 的广阔世界中，数据类型判断是一项必备技能，它让你能够识别和处理不同类型的数据，从而编写出更健壮、更可靠的代码。本文将深入探讨四种常见的数据类型判断方法，帮助你在数据的汪洋大海中游刃有余。

1. Typeof：简单直接，一试便知

Typeof 是 JavaScript 中最简单的数据类型判断方法。它通过返回变量的原始数据类型来判断，对于字符串、数字、布尔值、undefined 和 null 等基本类型，它都能轻松识别。但是，对于对象和数组这样的引用类型，typeof 只能一概而论地返回 "object"，显得有些力不从心。

示例：

console.log(typeof "Hello World!"); // "string"
console.log(typeof 42); // "number"
console.log(typeof true); // "boolean"
console.log(typeof undefined); // "undefined"
console.log(typeof null); // "object" // 坑爹的null

2. Instanceof：精准定位，血统分明

Instanceof 专门用于判断引用类型的数据。它通过检查变量是否属于某个类的实例来进行判断。也就是说，只要你事先定义好了类，就可以用 instanceof 来判断变量是否属于该类。

示例：

class Person {
  constructor(name) {
    this.name = name;
  }
}

const person = new Person("John Doe");

console.log(person instanceof Person); // true
console.log(person instanceof Object); // true // 父类也行
console.log({} instanceof Object); // true
console.log([] instanceof Array); // true

3. Object.prototype.toString.call()：万能侦探，洞察秋毫

Object.prototype.toString.call() 是 JavaScript 中一个鲜为人知但功能强大的数据类型判断方法。它通过调用对象的 toString() 方法来获取对象的类型字符串，然后进行解析。这种方法可以准确地识别所有数据类型，包括基本类型和引用类型。

示例：

console.log(Object.prototype.toString.call("Hello World!")); // "[object String]"
console.log(Object.prototype.toString.call(42)); // "[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 Object]"
console.log(Object.prototype.toString.call([])); // "[object Array]"