判斷對(duì)象中是否有某屬性的常見(jiàn)方式總結(jié)，不同的場(chǎng)景要使用不同的方式。

一、點(diǎn)( . )或者方括號(hào)( [ ] )

通過(guò)點(diǎn)或者方括號(hào)可以獲取對(duì)象的屬性值，如果對(duì)象上不存在該屬性，則會(huì)返回undefined。當(dāng)然，這里的“不存在”指的是對(duì)象自身和原型鏈上都不存在，如果原型鏈有該屬性，則會(huì)返回原型鏈上的屬性值。

// 創(chuàng)建對(duì)象let test = {name : ’lei’}// 獲取對(duì)象的自身的屬性test.name //'lei'test['name'] //'lei'// 獲取不存在的屬性test.age //undefined// 獲取原型上的屬性test['toString'] //toString() { [native code] }// 新增一個(gè)值為undefined的屬性test.un = undefinedtest.un //undefined 不能用在屬性值存在，但可能為 undefined的場(chǎng)景

　所以，我們可以根據(jù) Obj.x !== undefined 的返回值 來(lái)判斷Obj是否有x屬性。

這種方式很簡(jiǎn)單方便，局限性就是：不能用在x的屬性值存在，但可能為 undefined的場(chǎng)景。 in運(yùn)算符可以解決這個(gè)問(wèn)題

二、 in 運(yùn)算符

MDN 上對(duì)in運(yùn)算符的介紹：如果指定的屬性在指定的對(duì)象或其原型鏈中，則in 運(yùn)算符返回true。

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

　示例中可以看出，值為undefined的屬性也可正常判斷。

這種方式的局限性就是無(wú)法區(qū)分自身和原型鏈上的屬性，在只需要判斷自身屬性是否存在時(shí)，這種方式就不適用了。這時(shí)需要hasOwnProperty()

三、hasOwnProperty()

test.hasOwnProperty(’name’) //true 自身屬性test.hasOwnProperty(’age’) //false 不存在test.hasOwnProperty(’toString’) //false 原型鏈上屬性

可以看到，只有自身存在該屬性時(shí)，才會(huì)返回true。適用于只判斷自身屬性的場(chǎng)景。

四、propertyIsEnumerable()

const object1 = {};const array1 = [];object1.property1 = 42;array1[0] = 42;console.log(object1.propertyIsEnumerable(’property1’));// expected output: trueconsole.log(array1.propertyIsEnumerable(0));// expected output: trueconsole.log(array1.propertyIsEnumerable(’length’));// expected output: false

propertyIsEnumerable() 方法返回一個(gè)布爾值，表示指定的屬性是否可枚舉。

總結(jié)

四種方式各有優(yōu)缺點(diǎn)，不同的場(chǎng)景使用不同的方式，有時(shí)還需要結(jié)合使用，比如遍歷自身屬性的時(shí)候，就會(huì)把 for ··· in ···和 hasOwnProperty()結(jié)合使用。

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持好吧啦網(wǎng)。