javascript如何判断对象是否包含某属性？

JavaScript如何判断对象是否包含某属性？下面本篇就来给大家介绍几种使用JavaScript判断对象是否包含有某属性的常见方法，希望对大家有所帮助。

 

 

一、使用“！==”

“！==”方法在工作中很常见，可以看出该方法可以判断继承来的属性。

let obj = { x: 1 };
obj.x !== undefined;             // true 有x属性
obj.y !== undefined;             // false 无y属性
obj.toString !== undefined;      // true 从Object继承toString属性

 

二、 in 运算符

MDN 上有对in运算符的介绍：如果指定的属性在指定的对象或其原型链中，则in 运算符返回true。

let obj = { x: 1 };
'x' in obj;             // true
'y' in obj;             // false
'toString' in obj;      // true

in运算符语法很简单，效果跟undefined是相同的，与undefined不同的是，in可以区分存在但值为undefined的属性。话不多说，看代码：

let obj = { x: undefined };
obj.x !== undefined;            // false
'x' in obj;                     // true

可以看出如果属性的值为undefined的时候，使用！== 的方法就不奏效了，所以在工作中需要注意一下这一块。

资源搜索网站大全 https://www.renrenfan.com.cn 广州VI设计公司https://www.houdianzi.com

三、hasOwnProperty()

hasOwnProperty()用来判断某个对象是否含有指定的属性，返回布尔值，当检测属性为自有属性(非继承)的时候返回true。

test.hasOwnProperty('name')  //true 自身属性
test.hasOwnProperty('age')   //false 不存在
test.hasOwnProperty('toString') //false 原型链上属性

可以看到，只有自身存在该属性时，才会返回true。适用于只判断自身属性的场景