当前位置：首页 > 文章列表 > 文章 > 前端 > JavaScript数据类型与检测方法详解

JavaScript数据类型与检测方法详解

2026-04-26 18:02:45 0浏览收藏

本文深入剖析了JavaScript中7种原始类型（string、number、boolean、null、undefined、symbol、bigint）与1种引用类型（object）的本质区别及精准检测策略，直击typeof在识别数组、日期、正则等对象子类型时的固有缺陷，并系统推荐了Object.prototype.toString.call()这一标准可靠方案，同时结合Array.isArray()、Number.isNaN()等专用方法给出兼顾准确性、性能与可读性的实战检测指南——无论你是初学者厘清类型迷思，还是资深开发者优化类型判断逻辑，这篇全解析都提供了即学即用的权威答案。

JavaScript数据类型有哪些以及如何检测？

JavaScript 有 7 种原始类型（primitive types）和 1 种引用类型（object type），其中 function 是对象的特殊子类型，Array、Date、RegExp 等也属于对象，但有各自特性。检测方式需结合 typeof、instanceof、Object.prototype.toString.call() 和 Array.isArray() 等方法，不能只靠一种。

7 种原始类型及 typeof 检测结果

原始类型包括：string、number、boolean、null、undefined、symbol（ES6）、bigint（ES2020）。它们是不可变的、按值传递的。

typeof "hello" → "string"
typeof 42 → "number"
typeof true → "boolean"
typeof undefined → "undefined"
typeof Symbol("id") → "symbol"
typeof 123n → "bigint"
typeof null → "object"（这是历史 bug，需单独判断）

引用类型与 typeof 的局限性

typeof 对所有对象（包括数组、日期、正则、普通对象）都返回 "object"，对函数返回 "function"（这是例外）。因此它无法区分不同对象类型。

typeof [] → "object"（不是 "array"）
typeof new Date() → "object"
typeof /abc/ → "object"（某些环境可能返回 "regexp"，但不标准）
typeof function() {} → "function"
typeof null → "object"（再次强调：必须额外用 val === null 判断）

准确识别对象子类型的推荐方法

使用 Object.prototype.toString.call() 是最可靠的标准方式，它会返回形如 "[object Array]" 的字符串。

Object.prototype.toString.call([]) → "[object Array]"
Object.prototype.toString.call(new Date()) → "[object Date]"
Object.prototype.toString.call(/abc/) → "[object RegExp]"
Object.prototype.toString.call({}) → "[object Object]"
Object.prototype.toString.call(null) → "[object Null]"
Object.prototype.toString.call(undefined) → "[object Undefined]"

可封装为工具函数：

function getType(val) {
  return Object.prototype.toString.call(val).slice(8, -1).toLowerCase();
}
// getType([]) → "array"
// getType(new Date()) → "date"