Bootstrap

怎么判断html元素有某个属性,javascript如何判断对象是否包含某属性?

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

bb6926dc8a877067f536fdf4212618af.png

一、使用“!==”

“!==”方法在工作中很常见,可以看出该方法可以判断继承来的属性。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的时候,使用!== 的方法就不奏效了,所以在工作中需要注意一下这一块。

三、hasOwnProperty()

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

test.hasOwnProperty('age') //false 不存在

test.hasOwnProperty('toString') //false 原型链上属性

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

悦读

道可道,非常道;名可名,非常名。 无名,天地之始,有名,万物之母。 故常无欲,以观其妙,常有欲,以观其徼。 此两者,同出而异名,同谓之玄,玄之又玄,众妙之门。

;