這篇文章主要介紹了JavaScript的屬性枚舉方法是什么，具有一定借鑒價(jià)值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
我們?cè)谏弦黄恼轮薪o大家介紹了關(guān)于JavaScript中Object.keys獲取對(duì)象屬性的方法，接下來我們就來看看JavaScript枚舉屬性的方法。
先來看一下常見的對(duì)象數(shù)據(jù)
重慶分公司
重慶分公司
var obj = {
name: '張 三',
age: 30,
area: '北京'
}通過forEach()枚舉屬性
forEach()是一個(gè)可用于數(shù)組的方法，但由于Object.keys()的返回值是一個(gè)數(shù)組，因此兼容性很好。
要枚舉屬性，請(qǐng)看如下描述。
Object.keys(obj).forEach(function(data) {
console.log(data);
})執(zhí)行結(jié)果
name age area
請(qǐng)注意，我們將函數(shù)定義為forEach()的參數(shù)。
通過這樣描述，可以對(duì)每個(gè)屬性執(zhí)行任意函數(shù)。
順便說一句，也可以使用像“obj [data]”這樣的格式輸出屬性的值！
通過map()枚舉屬性
基本用法與forEach（）相同，但它是一個(gè)作為數(shù)組返回值獲取屬性的函數(shù)。
請(qǐng)看下面的示例！
var result = Object.keys(obj).map(function(data) {
return data;
})執(zhí)行結(jié)果
["name", "age", "area"]
請(qǐng)注意map()參數(shù)中指定函數(shù)的內(nèi)容。
通過filter()枚舉屬性
filter()和map()的用法幾乎一樣。
請(qǐng)看下面的示例
var result = Object.keys(obj).filter(function(data) {
return data;
})執(zhí)行結(jié)果
["name", "age", "area"]
在這個(gè)示例中，我們只是用filter()替換了map()部分，但執(zhí)行結(jié)果是相同的。
filter()的特征是可以描述僅在滿足特定條件時(shí)獲取值的過程。
例如，“return data ==='name'”僅在屬性具有“name”時(shí)才返回值。
如果使用filter()，例如只提取30歲以上的用戶也會(huì)很容易。
感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享JavaScript的屬性枚舉方法是什么內(nèi)容對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，遇到問題就找創(chuàng)新互聯(lián)，詳細(xì)的解決方法等著你來學(xué)習(xí)!
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。
