JavaScript:判断数据类型的四种方法

发布时间:2020-11-20 发布网站:脚本之家
前端之家收集整理的这篇文章主要介绍了JavaScript:判断数据类型的四种方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

JavaScript目前有两种数据类型:基本数据类型和引用数据类型。

基本数据类型:Undefined、Null、Boolean、String、Number、Symbol(ES6)
引用数据类型:Object

 

鉴于ECMAScript是松散类型的,需要有方式检测给定变量的数据类型。下面介绍三种检测数据类型的方法。

1、typeof

typeof是一元运算符,放在起单个操作数的前面,操作数可以是任意类型。

JavaScript:判断数据类型的四种方法

typeof "1"; //"string"
typeof 1; "number"
typeof undefined; "undefined"
typeof true; "boolean"
typeof Symbol(); "symbol"
null; "object"
注:Null类型只有一个值是null。null值是表示一个空对象指针,所以typeof null会返回object。

 

注:以下三种为判断引用类型数据的方法。

2、instanceof

typeof是检测基本数据类型的得力助手,检测引用类型用途却不大。instanceof通常检测是引用类型。左操作数是待检测其类的对象,右操作数是对象的类。如果左侧的对象是右侧的实例,则返回true,否则返回false。

var d = new Date();// 通过Date()构造函数来创建一个新对象 
d instanceof Date; true
d instanceof Object; true,所有的对象都是Object的实例
d instanceof Number; false

var a = [1,2,3];
a instanceof Array; true
a instanceof String; false

 想要理解instanceof的工作原理就必须要理解原型链。

以d instanceof Date 为例,JS首先计算Date.prototype,然后在原型链中找 d ,如果找到,那d 是Date的一个实例,表达式返回true。如果Date.prototype不在d 的原型链中的话,那d 不是Date的实例,表达式返回false。

3、constructor属性

构造函数是类的公共标识,所以可以使用construct属性来识别对象是否是某个类的方法。

var s = new String();
s.constructor == String;  true

var a =  Array();
a.constructor == Array;  true

 

4、类属性

对象的类属性是一个字符串,用以表示对象的类型信息。默认的toString()方法(继承自Object.prototype)会返回 [object class],但是很多对象继承的toString()都重写了,所以可以使用Function.call()方法获得到 [object class] ,然后对获得到的值进行截取,获取到想要的类型。

缺点是对于自定义的类没有办法通过类属性来区分对象的类,因为类属性是 “Object” 。

 Array();
Object.prototype.toString();  "[object Object]"
Object.prototype.toString.call(a);  "[object Array]"
Object.prototype.toString.call(a).slice(8,-1);  "Array"

自定义函数
function F() {}
Object.prototype.toString.call(new F()); "[object Object]"
Object.prototype.toString.call(new F()).slice(8,1)"> "Object"

 

总结


以上是前端之家为你收集整理的JavaScript:判断数据类型的四种方法全部内容,希望文章能够帮你解决JavaScript:判断数据类型的四种方法所遇到的程序开发问题。

如果觉得前端之家网站内容还不错,欢迎将前端之家网站推荐给前端开发程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。