JavaScript 判断数据类型的三种常用方法详解

作者:木棉时间:2026-10-30 20:02:18浏览:631

本文汇总了 JavaScript 中判断数据类型的三种常用方法:typeof、Object.prototype.toString.call() 以及 instanceof。通过对比分析,详细说明了 typeof 在区分对象与数组时的局限性,Object.prototype.toString 在基本类型、引用类型及原生 JSON 对象判断中的精确表现,以及 instanceof 在验证原型链关系时的适用场景与限制。

在开发过程中,有时会看到使用 Object.prototype.toString.call() 来判断数据类型的代码。这里对此进行总结:在 JavaScript 中,除了使用 typeof 运算符外,还可以利用 Object.prototype.toString.call() 方法和 instanceof 操作符来检测数据类型。

几种判断方法的区别

typeof 判断数据类型

使用 typeof 操作符判断数据类型时,其返回值如下所示:

    typeof 1 // "number"
    typeof "a" // "string"
    typeof true // "boolean"
    typeof {} // "object"
    typeof [] // "object"
    typeof function(){} // "function"

使用该方法时存在一个问题:在判断数组和对象存储的值时,两者均返回 "object"。

Object.prototype 上的原生 toString() 方法判断数据类型

Object.prototype.toString.call() 方法既可以判断基本类型,也可以判断原生引用类型,还可以判断原生 JSON 对象。

判断基本类型

包括数字 number、字符串 string、布尔值 boolean。

Object.prototype.toString.call(2);//"[object Number]"
Object.prototype.toString.call("s");//"[object String]"
Object.prototype.toString.call(true);//"[object Boolean]"

判断空类型

null 和 undefined。

Object.prototype.toString.call(null);//"[object Null]"
Object.prototype.toString.call(undefined);//"[object Undefined]"

判断复合类型

对象 Object、数组 Array、方法 Function、日期 Date、布尔 Boolean、数字 Number、字符串 String、正则 RegExp、Math。

例如,上述例子中的引用类型存储值就可以使用 Object.prototype.toString() 方法区别出来:

Object.prototype.toString.call({});//"[object Object]"
Object.prototype.toString.call([]);//"[object Array]"
Object.prototype.toString.call(function(){});//"[object Function]"
Object.prototype.toString.call(String);//"[object Function]"
var t = new Date();
Object.prototype.toString.call(t);//"[object Date]"
var bb = new Boolean();
Object.prototype.toString.call(bb);//"[object Boolean]"
var bb = new Number();
Object.prototype.toString.call(bb);//"[object Number]"
var str = new String();
Object.prototype.toString.call(str);//"[object String]"
var reg = new RegExp("^1[34578][0-9]{9}$","g");
Object.prototype.toString.call(reg);//"[object RegExp]"
var reg = Math.valueOf();
Object.prototype.toString.call(reg);//"[object Math]"

判断原生 JSON 对象

var isNativeJSON = window.JSON && Object.prototype.toString.call(JSON);
console.log(isNativeJSON);//[object JSON]

判断自定义类型

function Foo(name,age) {
this.name = name;
this.age = age;
}
var foo =new Foo("harry",20);
Object.prototype.toString.call(foo);//"[object Object]"

遇到的一个问题是,使用 Object.prototype.toString.call() 方法不能判断 foo 是 Foo 类的实例。只能用 instanceof 来判断。

instanceof 判断数据类型

instanceof 作用是判断原型与实例之间的关系。用法是:

instanceof 原型

instanceof 操作符会在实例的原型链上查找,直到找到右边构造函数的 prototype 属性,或者为 null 的时候停止。

console.log(foo instanceof Foo);//true

到此这篇关于 JS 判断数据类型的常用方法汇总的文章就介绍到这了,更多相关 JS 判断数据类型内容请搜索本站以前的文章或继续浏览下面的相关文章,希望大家以后多多支持本站!

作者最新文章