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

創(chuàng)新互聯(lián)長期為上千家客戶提供的網(wǎng)站建設服務,團隊從業(yè)經(jīng)驗10年,關注不同地域、不同群體,并針對不同對象提供差異化的產品和服務;打造開放共贏平臺,與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為赤城企業(yè)提供專業(yè)的做網(wǎng)站、成都做網(wǎng)站,赤城網(wǎng)站改版等技術服務。擁有十年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。
1.1 in運算符
in運算符用于檢查對象是否包含某個屬性(注意,檢查的是鍵名,不是鍵值), 如果包含就返回true,否則返回false
var obj = { p: 1 }
'p' in obj // true
'toString' in obj // true上面代碼中,obj對象上有一個p屬性,所以使用in運算符時,得到true,但toString并沒有在obj對象上,為什么也返回true呢,這是因為in運算符,不能識別哪些屬性是對象自身的,哪些是繼承的。因為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)有兩個使用注意點
如果想得到自身的屬性,需要結合hasOwnProperty方法,在循環(huán)內部判斷一下,某個屬性是否為對象自身的屬性。
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代碼運行工具:http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行效果。
更多關于JavaScript相關內容感興趣的讀者可查看本站專題:《javascript面向對象入門教程》、《JavaScript錯誤與調試技巧總結》、《JavaScript數(shù)據(jù)結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數(shù)學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
當前文章:JS對象屬性的檢測與獲取操作實例分析
分享URL:http://www.chinadenli.net/article8/iggeip.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供虛擬主機、、網(wǎng)站導航、服務器托管、電子商務、移動網(wǎng)站建設
聲明:本網(wǎng)站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)