使用JavaScript怎么判斷對象中是否有某屬性？相信很多沒有經(jīng)驗的人對此束手無策，為此本文總結(jié)了問題出現(xiàn)的原因和解決方法，通過這篇文章希望你能解決這個問題。

創(chuàng)新互聯(lián)建站成立于2013年，先為伊犁等服務(wù)建站，伊犁等地企業(yè)，進行企業(yè)商務(wù)咨詢服務(wù)。為伊犁企業(yè)網(wǎng)站制作PC+手機+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

一、點( . )或者方括號( [ ] )

通過點或者方括號可以獲取對象的屬性值，如果對象上不存在該屬性，則會返回undefined。當然，這里的“不存在”指的是對象自身和原型鏈上都不存在，如果原型鏈有該屬性，則會返回原型鏈上的屬性值。

// 創(chuàng)建對象
let test = {name : 'lei'}
// 獲取對象的自身的屬性
test.name   //"lei"
test["name"]   //"lei"

// 獲取不存在的屬性
test.age    //undefined

// 獲取原型上的屬性
test["toString"]  //toString() { [native code] }

// 新增一個值為undefined的屬性
test.un = undefined

test.un    //undefined 不能用在屬性值存在，但可能為 undefined的場景

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

這種方式很簡單方便，局限性就是：不能用在x的屬性值存在，但可能為 undefined的場景。 in運算符可以解決這個問題

二、 in 運算符

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

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

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

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

 三、hasOwnProperty()

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

JavaScript的特點

1.JavaScript主要用來向HTML頁面添加交互行為。 2.JavaScript可以直接嵌入到HTML頁面，但寫成單獨的js文件有利于結(jié)構(gòu)和行為的分離。 3.JavaScript具有跨平臺特性，在絕大多數(shù)瀏覽器的支持下，可以在多種平臺下運行。

看完上述內(nèi)容，你們掌握使用JavaScript怎么判斷對象中是否有某屬性的方法了嗎？如果還想學到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！