JS中数据类型判断

本文介绍了JavaScript中对象类型的检测方法,包括typeof、instanceof、constructor等运算符的使用及Object.prototype.toString.call()方法的优势。此外,还详细讨论了如何判断一个对象是否为空或数组。

js中判断一个对象的类型的方法typeof/constructor/instanceof:https://blog.csdn.net/qq_23392341/article/details/69851017

判断是否是数组;判断是否是空对象:https://segmentfault.com/a/1190000010143040

目录

javascript中检测对象的类型的运算符有:typeof、constructor、instanceof。

判断是否是数组

判断是否是空对象


console.log(1 + "1")   // 11
console.log(2 * "2")   // 4
console.log([1, 2] + [2, 1])  // 1,22,1
console.log("a" + + "b")  // aNaN

javascript中检测对象的类型的运算符有:typeof、constructor、instanceof。

typeof:typeof是一个一元运算符,返回结果是一个说明运算数类型的字符串。如:"number","string","boolean","object","function","undefined"(可用于判断变量是否存在)。 但 typeof 的能力有限,其对于Date、RegExp、Array类型返回的都是"object"。所以它只在区别对象和原始类型的时候才有用。要区分一种对象类型和另一种对象类型,必须使用其他的方法。

instanceof 运算符:instanceof 运算符要求其左边的运算数是一个对象,右边的运算数是对象类的名字或构造函数。如果 object 是 class 或构造函数的实例,则 instanceof 运算符返回 true。如果 object 不是指定类或函数的实例,或者 object 为 null,则返回 false。instanceof方法可以判断变量是否是数组类型,但是只限同一全局环境之内,在一个页面有多个iframe的情况下,instanceof失效。


constructor 属性: JavaScript中,每个对象都有一个constructor属性,它引用了初始化该对象的构造函数,常用于判断未知对象的类型。如给定一个已知的值 通过typeof运算符来判断它是原始的值还是对象。如果是对象,就可以使用constructor属性来判断其类型。

 

Object.prototype.toString.call():该方法是目前为止发现的判断一个对象类型的最好的办法。

 

判断是否是数组

有数组:var a = [1,2,3,4,5];
方法一:

toString.call(a); // "[object Array]"

方法二:

a instanceof Array; //true

方法三:

a.constructor == Array; //true

第一种方法比较通用,也就是Object.prototype.toString.call(a)的简写。

instanceofconstructor判断的变量,必须在当前页面声明的,比如,一个页面(父页面)有一个框架,框架中引用了一个页面(子页面),在子页面中声明了一个a,并将其赋值给父页面的一个变量,这时判断该变量,Array == object.constructor会返回false

判断是否是空对象


有变量:var obj = {};
方法一:

JSON.stringify(obj); // "{}"

通过转换成JSON对象来判断是否是空大括号

方法二:

if(obj.id){
   //如果属性id存在....
}

这个方法比较土,大多数人都能想到,前提是得知道对象中有某个属性。

方法三:

function isEmptyObject(e) {  
    var t;  
    for (t in e)  
        return !1;  
    return !0  
} 

//true
isEmptyObject(obj); 
//false
isEmptyObject({
    "a":1,
    "b":2
}); 

这个方法是jQuery的isEmptyObject()方法的实现方式。

方法四:
使用ES6语法Object.keys(obj),返回一个数组,只需要判断数组长度是否大于0即可。

function isEmptyObject(obj){
  if(Object.keys(obj).length > 0) return true;
  return false;

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Delicia_Lani

你的鼓励将是我写作的动力。

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值