JavaScript 判斷對象中是否有某屬性的常用方法
判斷對象中是否有某屬性的常見方式總結(jié)，不同的場景要使用不同的方式。
一、點( . )或者方括號( [ ] )
通過點或者方括號可以獲取對象的屬性值，如果對象上不存在該屬性，則會返回undefined。當(dāng)然，這里的“不存在”指的是對象自身和原型鏈上都不存在，如果原型鏈有該屬性，則會返回原型鏈上的屬性值。
// 創(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 原型鏈上屬性
可以看到，只有自身存在該屬性時，才會返回true。適用于只判斷自身屬性的場景。
總結(jié)
三種方式各有優(yōu)缺點，不同的場景使用不同的方式，有時還需要結(jié)合使用，比如遍歷自身屬性的時候，就會把 for ··· in ···和 hasOwnProperty()結(jié)合使用。
以上所述是小編給大家介紹的JavaScript 判斷對象中是否有某屬性的常用方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
這篇文章主要給大家介紹了關(guān)于微信小程序如何監(jiān)聽全局變量的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-04-04
JavaScript中json數(shù)組查找數(shù)據(jù)的幾種方式(含模糊查找)
這篇文章主要給大家介紹了關(guān)于JavaScript中json數(shù)組查找數(shù)據(jù)的幾種方式,文中包括模糊查找,文中給出了詳細的代碼示例,對大家學(xué)習(xí)或者使用json具有一定的參考借鑒價值,需要的朋友可以參考下2023-09-09
兼容IE和Firefox火狐的上下、左右循環(huán)無間斷滾動JS代碼
html里的marqueen也能實現(xiàn)內(nèi)容的滾動，但滾動是間斷的，運用JavaScript可以使這一問題得到改觀，實現(xiàn)無間斷的滾動,讓頁面看起來更美觀2013-04-04
這篇文章主要為大家詳細介紹了js實現(xiàn)經(jīng)典貪吃蛇小游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-03-03
這篇文章主要介紹了判斷文件是否正在被使用的JS代碼，有需要的朋友可以參考一下2013-12-12
一個JavaScript繼承的實現(xiàn)...2006-10-10
javascript進行數(shù)組追加方法小結(jié)
javascript中給數(shù)組加元素是一個非常簡單的問題,javascript本身就提供了大量這類函數(shù)，我們可以使用js自帶函數(shù)快速給數(shù)組增加元素了，本文就javascript進行數(shù)組追加的方法做出如下小結(jié)。2014-06-06
最丑的時鐘效果，這篇文章主要為大家詳細介紹了js canvas時鐘制作方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-08-08
behaviors是用于組件間代碼共享的特性, 類似一些編程語言中的'mixin'或者'traits',這篇文章主要介紹了微信小程序中的behaviors,需要的朋友可以參考下2024-08-08
這篇文章主要介紹了微信小程序自定義彈窗實現(xiàn)詳解(可通用）,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-07-07