本文實例講述了JS對象屬性的檢測與獲取操作。分享給大家供大家參考，具體如下：

創(chuàng)新互聯(lián)長期為上千家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊從業(yè)經(jīng)驗10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為赤城企業(yè)提供專業(yè)的做網(wǎng)站、成都做網(wǎng)站，赤城網(wǎng)站改版等技術(shù)服務(wù)。擁有十年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。

1.1 in運(yùn)算符

in運(yùn)算符用于檢查對象是否包含某個屬性（注意，檢查的是鍵名，不是鍵值）， 如果包含就返回true,否則返回false

var obj = { p: 1 }
'p' in obj // true
'toString' in obj // true

上面代碼中，obj對象上有一個p屬性，所以使用in運(yùn)算符時，得到true,但toString并沒有在obj對象上，為什么也返回true呢，這是因為in運(yùn)算符，不能識別哪些屬性是對象自身的，哪些是繼承的。因為toString是繼承自obj的原型對象，所以會返回true。

1.2 for … in 循環(huán)

for … in 循環(huán)用來遍歷一個對象的全部屬性。

var obj = {a: 1, b: 2, c: 3};

for (var i in obj) {
 console.log(obj[i]);
}

for … in 循環(huán)有兩個使用注意點

1. 它遍歷的是對象所有可遍歷的屬性，會跳過不可遍歷的屬性。
2. 它不僅遍歷對象自身的屬性，還遍歷繼承的屬性。

如果想得到自身的屬性，需要結(jié)合hasOwnProperty方法，在循環(huán)內(nèi)部判斷一下，某個屬性是否為對象自身的屬性。

var person = { name: '老張' };

for (var key in person) {
 if (person.hasOwnProperty(key)) {
  console.log(key);
 }
}

想要得到自身的屬性還有另外兩種方法：

es5:

利用Object.getOwnPropertyNames(obj)

var person = { name: '老張' }
var props = Object.getOwnPropertyNames(person) 

es6:

利用Object.keys(obj)

var person = { name: '老張' }
var props = Object.keys(person)

感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運(yùn)行工具：http://tools.jb51.net/code/HtmlJsRun測試上述代碼運(yùn)行效果。

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《javascript面向?qū)ο笕腴T教程》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》

希望本文所述對大家JavaScript程序設(shè)計有所幫助。

當(dāng)前文章：JS對象屬性的檢測與獲取操作實例分析
分享URL：http://aaarwkj.com/article8/iggeip.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供虛擬主機(jī)、、網(wǎng)站導(dǎo)航、服務(wù)器托管、電子商務(wù)、移動網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)