快捷導(dǎo)航

JS對象屬性的檢測與獲取操作實例分析

更新時間：2020年03月17日 12:28:43 作者：wangliang_001

這篇文章主要介紹了JS對象屬性的檢測與獲取操作,結(jié)合實例形式分析了JS針對ES5、ES6實現(xiàn)對象屬性的檢測與獲取常見操作技巧,需要的朋友可以參考下

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

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)有兩個使用注意點

如果想得到自身的屬性，需要結(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代碼運行工具：http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行效果。

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

您可能感興趣的文章:

亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频