JavaScript的屬性枚舉方法是什么

這篇文章主要介紹了JavaScript的屬性枚舉方法是什么，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

我們在上一篇文章中給大家介紹了關(guān)于JavaScript中Object.keys獲取對象屬性的方法，接下來我們就來看看JavaScript枚舉屬性的方法。

先來看一下常見的對象數(shù)據(jù)

var obj = {
  name: '張 三',  
  age: 30,  
  area: '北京'
}

通過forEach()枚舉屬性

forEach()是一個可用于數(shù)組的方法，但由于Object.keys()的返回值是一個數(shù)組，因此兼容性很好。

要枚舉屬性，請看如下描述。

Object.keys(obj).forEach(function(data) {
  console.log(data);
})

執(zhí)行結(jié)果

name
age
area

請注意，我們將函數(shù)定義為forEach()的參數(shù)。

通過這樣描述，可以對每個屬性執(zhí)行任意函數(shù)。

順便說一句，也可以使用像“obj [data]”這樣的格式輸出屬性的值！

通過map()枚舉屬性

基本用法與forEach（）相同，但它是一個作為數(shù)組返回值獲取屬性的函數(shù)。

請看下面的示例！

var result = Object.keys(obj).map(function(data) {
    return data;
})

執(zhí)行結(jié)果

["name", "age", "area"]

請注意map()參數(shù)中指定函數(shù)的內(nèi)容。

通過filter()枚舉屬性

filter()和map()的用法幾乎一樣。

請看下面的示例

var result = Object.keys(obj).filter(function(data) {
    return data;
})

執(zhí)行結(jié)果

["name", "age", "area"]

在這個示例中，我們只是用filter()替換了map()部分，但執(zhí)行結(jié)果是相同的。

filter()的特征是可以描述僅在滿足特定條件時獲取值的過程。

例如，“return data ==='name'”僅在屬性具有“name”時才返回值。

如果使用filter()，例如只提取30歲以上的用戶也會很容易。

感謝你能夠認真閱讀完這篇文章，希望小編分享JavaScript的屬性枚舉方法是什么內(nèi)容對大家有幫助，同時也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，遇到問題就找億速云，詳細的解決方法等著你來學(xué)習(xí)!