品易云推流 关闭
文章详情页
文章 > JavaScript > js 判断对象是否有属性

js 判断对象是否有属性

js 判断对象

头像

宋雪维

2021-01-12 11:33:223518浏览 · 0收藏 · 0评论

JavaScript中有数据属性和访问器属性两种对象属性,我们要想使用这两个对象属性,第一步就要判断对象中是都有属性,若没有属性,是不能使用的。本文介绍JavaScript中判断对象是否有属性的三种方法:1、使用in运算符判断;2、使用hasOwnProperty();3、使用!==检测。

1、使用in运算符判断

'name' in test        //true
'un' in test             //true
'toString' in test    //true
'age' in test           //false

注意:这种方式的局限性,即无法区分自身和原型链上的属性,在只需要判断自身属性是否存在时,这种方式就不适用了。这时需要hasOwnProperty()

2、使用hasOwnProperty()

var o={x:1};
o.hasOwnProperty("x");       //true,自有属性中有x
o.hasOwnProperty("y");       //false,自有属性中不存在y
o.hasOwnProperty("toString"); //false,这是一个继承属性,但不是自有属性

注意hasOwnProperty()只能检测自有属性

3、使用!==检测

var o={x:1}
o.x !== undefined  //返回true
o.y !== undefined //返回false
o.toString !== undefined //返回true,因为对象o继承了原型的toString属性

注意:对象的属性值不能设置为undefined

以上就是js中判断对象是否有属性的三种方法,各有利弊,大家一定在合适的情况下选择合适的方法哦~更多js学习推荐:js教程

关注

关注公众号,随时随地在线学习

本教程部分素材来源于网络,版权问题联系站长!

底部广告图