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

1.1 in運(yùn)算符

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

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

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

1.2 for … in 循環(huán)

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

var obj = {a: 1, b: 2, c: 3};for (var i in obj) { console.log(obj[i]);}

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

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

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測(cè)試上述代碼運(yùn)行效果。

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

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