如何使用 JavaScript .forEach 获取迭代 JSON 对象和 JSON 数组

Question

我有以下 JSON 对象：

var json = {"tsn": {
    "settings": 
        {"app_name": "TSN",  "version": "1.0"}, 
    "occurrences": 
        ["Party", "Music"]
    }
};

我真的不明白为什么我不能像这样访问它的值：

json.tsn.forEach(function(item){
    console.log(item.settings.app_name);
    console.log(item.occurrences);
});

我得到json.tsn.forEach is not a function 。

Answer 1

forEach是一种可用于数组的方法； 对于非数组对象，它不存在。

事实上，你不需要为你正在做的事情进行迭代。 只需这样做：

var item = json.tsn;
console.log(item.settings.app_name);
console.log(item.occurrences);

或者，您可以使用Object.keys来获取一组键，然后您可以像这样继续：

Object.keys(json.tsn).forEach(function(key){
    var item = json.tsn[key];
    console.log(item);
});

甚至Object.entries来获取键/值对：

Object.entries(json.tsn).forEach(function([key, item]){
    console.log(key, item);
});

Answer 2

forEach方法不是Object规范的一部分。

要遍历对象的可枚举属性，您应该使用for...in语句。

var json = {
    "tsn": {
        "settings": {
            "app_name": "TSN",
            "version": "1.0"
        },
        "occurrences": ["Party", "Music"]
    }
};

for (var prop in json) {
    console.log(json[prop].settings.app_name);
    console.log(json[prop].occurrences);
}

请参阅for...in语句参考。