javascript - 循环以从对象数组中收集所有图像属性

Question

我想做的是“从所有数字中获取图像 URL 并将它们显示在控制台中”，使用循环从每个数字中收集所有图像属性。

我目前的情况是:

$.get("file.json", function(start){
        for(var numbers in start.data){
            console.log(numbers)
        }
    })

它显示数字。我不知道下一步该怎么做。

这是我的 JSON 数据。

"id": 2237,
"username": "mark",
"bc": "NBC",
"rap": 987,
"count": 4,
"uniqueCount": 4,
"data": {
    "1533893": {
        "id": 1533893,
        "name": "Bluesteel Egg of Genius",
        "bc": "NBC",
        "type": "hat",
        "originalPrice": 0,
        "image": "https://t3.rbxcdn.com/1e8ba7802f5ab0cdd1fffb936e761aff",
        "rap": 196,
        "stock": 0,
        "userAssetId": {
            "16611316": 0
        }
    },
    "5785985": {
        "id": 5785985,
        "name": "Rusty Tetramino of Competence",
        "bc": "NBC",
        "type": "hat",
        "originalPrice": 0,
        "image": "https://t6.rbxcdn.com/04cd63b742f1b88de64672a79d192e58",
        "rap": 182,
        "stock": 0,
        "userAssetId": {
            "16611313": 0
        }
    },
    "5786026": {
        "id": 5786026,
        "name": "Silver Tetramino of Accomplishment",
        "bc": "NBC",
        "type": "hat",
        "originalPrice": 0,
        "image": "https://t1.rbxcdn.com/c311faa4a2f6ec380d6c86b95171b69a",
        "rap": 252,
        "stock": 0,
        "userAssetId": {
            "16611314": 0
        }
    },
    "5786047": {
        "id": 5786047,
        "name": "Gold Tetramino of Mastery",
        "bc": "NBC",
        "type": "hat",
        "originalPrice": 0,
        "image": "https://t3.rbxcdn.com/54ec21da8b3962aca7c1bd9214cd6f2b",
        "rap": 357,
        "stock": 0,
        "userAssetId": {
            "16611315": 0
        }
    }
},
"success": true

问题

如何增强我的代码以满足我的要求？

Answer 1

您可以使用 Object.keys 迭代对象

 Object.keys(start.data).forEach(function(key) {
    console.log(key, start.data[key].image); 
 });

如果您不确定对象是否具有 image 属性，那么您可以添加检查以避免错误:

Object.keys(start.data).forEach(function(key) {
  if (start.data[key].image) {
    console.log(key, start.data[key].image);
  }         
});