javascript - 根据索引名称动态解析 JSON 数据

Question

如何根据索引名称解析此对象数据。我与您分享一个数据示例。但在实际项目中，我也获得了大量的索引和子 json 数据。
下面的 JSON 数据示例：

var vehicles = {
        'cars':[
            {
                "name":"Car 1",
                "model":"Car 1 Model 1"
            },
            {
                "name":"Car 2",
                "model":"Car 2 Model 2"
            },
        ],
        'bikes':[
            {
                "name":"Bike 1",
                "model":"Bike Model 1",
            },
            {
                "name":"Bike 2",
                "model":"Bike Model 2",
            }
        ],
        'buses':[
            {
                "name":"Bus 1",
                "model":"Bus Model 1",
            },
            {
                "name":"Bus 2",
                "model":"Bus Model 2",
            }
        ],
    }

我从服务器动态获取这个。在这个 json 数据包中，汽车/自行车/公共汽车。但也可以是不同的名称。
问题是如何根据汽车/自行车访问汽车 1 或自行车 1，而无需像下面这样定义

console.log(vehicles.buses[0].name);
Output : Bus 1

如果您看到此处定义的总线。我想动态地做到这一点。怎么做？

标签： javascriptjqueryarraysjson

Answer 1

如果我理解了您的问题，您希望能够在运行前不知道属性名称的情况下访问属性中的每个数组。

因此，您可以使用Object.keys()集合和括号表示法来访问数组，如下所示：

Object.keys(vehicles).forEach((key) => {
  console.log(vehicles[key][0].name);
});

var vehicles = {
  'cars': [{
    "name": "Car 1",
    "model": "Car 1 Model 1"
  }, {
    "name": "Car 2",
    "model": "Car 2 Model 2"
  }],
  'bikes': [{
    "name": "Bike 1",
    "model": "Bike Model 1",
  }, {
    "name": "Bike 2",
    "model": "Bike Model 2"
  }],
  'buses': [{
    "name": "Bus 1",
    "model": "Bus Model 1"
  }, {
    "name": "Bus 2",
    "model": "Bus Model 2"
  }],
  'foo': [{
    "name": "Foo 1",
    "model": "Foo Model 1"
  }, {
    "name": "Foo 2",
    "model": "Foo Model 2"
  }]
}

Object.keys(vehicles).forEach((key) => {
  console.log(vehicles[key][0].name);
});