jquery - 打印json对象的key和value

Question

我有 2 个外部 json 文件，我必须使用键和值从这些文件中读取数据。我的应用程序不依赖于 obj.name 等。请帮助我打印这些值。

Planets.json

 {
"Planets": [
  { "name": "Mercury",
    "color": "Orange",
    "distance": "57.91 km",
    "radius": "2340 km",
    "year": "0.24085 Earth",
    "day": "88 days",
    "mass": "0.054 Earth"
  },

  { "name": "second",
    "color": "Orange",
    "distance": "57.91 km",
    "radius": "2340 km",
    "year": "0.24085 Earth",
    "day": "88 days",
    "mass": "0.054 Earth"
  }

}

机场.json

    {
"Airports": [
  {
    "listing": "East 34th Street Heliport",
    "iata": "TSS",
    "type": "Heliport",
    "size": "Tiny"
  }

}

这是我正在尝试的代码。

              $.ajax({
                url:"planets.json",
                dataType: "json",
                success:function(json){
                    $.each(json, function(key, value){
                        console.log(key + ": " + value);
                    });
                }

            });

我将其输出到控制台

行星:[对象对象]

Answer 1

使用 json.Planets[0] 获取嵌套对象并对其进行迭代。

$.each(json.Planets[0], function(key, value){
    console.log(key + ": " + value);
});

<小时/>

更新 1: 如果对象仅包含一个属性，那么您可以使用 Object.keys() 获取它。 并执行与前面的示例相同的操作。

$.each(json[Object.keys(json)[0]][0], function(key, value){
    console.log(key + ": " + value);
});

<小时/> 更新2:如果有多个属性，则使用 $.each() 方法两次。

$.each(json,function(k, v){
    $.each(v[0], function(key, value){
        console.log(key + ": " + value);
    });
})

<小时/>

更新 3: 如果您有包含多个对象的嵌套数组，则使用额外的 Array#forEach 迭代它的方法。

json[Object.keys(json)[0]].forEach(function(v){
    $.each(v, function(key, value){
        console.log(key + ": " + value);
    });
});

<小时/>

更新 3:如果您的 JSON 包含多个具有嵌套多个数组元素的属性，请结合使用上述方法。

$.each(json,function(k, v){
    v.forEach(function(v1){  
        $.each(v1, function(key, value){
            console.log(key + ": " + value);
        });
    });
})