当前位置：首页 > news >正文

前端知识点---Javascript中检测数据类型函数总结

news 2025/11/3 2:36:54

文章目录

01 typeof 运算符
02 instanceof 运算符
03 Array.isArray()
04 Object.prototype.toString.call()
05 constructor 属性
06 isNaN() 和 Number.isNaN() (常用)
07 isFinite() 和 Number.isFinite()
08 typeof null 是 "object" 的问题

01 typeof 运算符

返回值是一个字符串
全部类型都是可以检测的

typeof 42;            // "number"
typeof "hello";       // "string"
typeof true;          // "boolean"
typeof undefined;     // "undefined"
typeof null;          // "object" (这是历史遗留问题)
typeof Symbol();      // "symbol"
typeof BigInt(123);   // "bigint"
typeof {};            // "object"
typeof [];            // "object"
typeof function(){};  // "function"

注意：无法区分 null 和普通对象，数组和普通对象都会返回 “object”。

02 instanceof 运算符

用于检测对象是否是构造函数
检测引用类型时非常有用（如数组、对象、自定义类等）。

[] instanceof Array; // true
{} instanceof Object; // true
new Date() instanceof Date; // true
function(){} instanceof Function; // true

适用场景：
检查对象的具体类型，尤其是用户定义的类或构造函数。

03 Array.isArray()

专门用于检查值是否是数组。
Array.isArray([]); // true
Array.isArray({}); // false
适用场景：
专门区分数组和其他对象。

04 Object.prototype.toString.call()

可以准确检测所有内置对象的类型，返回更具体的类型信息。

Object.prototype.toString.call(42); // “[object Number]”
Object.prototype.toString.call(“hello”); // “[object String]”
Object.prototype.toString.call(true); // “[object Boolean]”
Object.prototype.toString.call(null); // “[object Null]”
Object.prototype.toString.call(undefined); // “[object Undefined]”
Object.prototype.toString.call([]); // “[object Array]”
Object.prototype.toString.call({}); // “[object Object]”
Object.prototype.toString.call(function(){}); // “[object Function]”
Object.prototype.toString.call(new Date()); // “[object Date]”
Object.prototype.toString.call(/regex/); // “[object RegExp]”
Object.prototype.toString.call(new Map()); // “[object Map]”
Object.prototype.toString.call(new Set()); // “[object Set]”
Object.prototype.toString.call(new WeakMap()); // “[object WeakMap]”

适用场景：
适用于更精确的数据类型检查，尤其是区分类似类型（如数组与对象、正则与对象等）。

05 constructor 属性

通过 constructor 可以访问对象的构造函数，从而判断对象的类型。

(42).constructor === Number; // true
(“hello”).constructor === String; // true
(true).constructor === Boolean; // true
({}).constructor === Object; // true
([]).constructor === Array; // true
(function() {}).constructor === Function; // true

适用场景：
检查引用类型的具体构造函数。
注意：
可能被篡改或重写，因此不总是可靠。

06 isNaN() 和 Number.isNaN() (常用)

isNaN()：判断值是否为 NaN（非数字值或计算失败返回 NaN 时）。
Number.isNaN()：判断值是否严格为 NaN（类型安全）。

isNaN(“hello”); // true (被隐式转换后是NaN)
isNaN(NaN); // true

Number.isNaN(“hello”); // false
Number.isNaN(NaN); // true

07 isFinite() 和 Number.isFinite()

isFinite()：检测值是否是有限数（可以自动转换类型）。
Number.isFinite()：检测值是否是有限数，但不进行类型转换。

isFinite(42); // true
isFinite(“42”); // true (字符串被转换为数字)
isFinite(Infinity); // false
isFinite(NaN); // false

Number.isFinite(42); // true
Number.isFinite(“42”); // false (严格检测类型)

08 typeof null 是 “object” 的问题

由于历史原因，typeof null 返回 “object”，所以使用 typeof 检测时需要注意。

Object.prototype.toString.call(null) === “[object Null]”; // 更准确

总结
typeof 简单、快速检测基本类型检查基础数据类型
instanceof 检查某对象是否为某类实例检查引用类型和自定义类
Array.isArray() 专门检测数组确认某变量是否是数组
Object.prototype.toString.call() 精确识别所有内置类型对象高精度类型判断
constructor 查看对象的构造函数检查引用类型构造器
isNaN / Number.isNaN 检测 NaN 判断是否为无效数字
isFinite / Number.isFinite 检测有限数字检查是否有限数
每种方法都有自己的适用场景，根据需要选择合适的方法。