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

Question

这个问题已经有答案了:

Accessing an object property with a dynamically-computed name (19 个回答)

已关闭 3 年前。

如何根据索引名称解析该对象数据。我给大家分享一个数据例子。但在实际项目中我也获得了大量的索引和子 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 数据包中，有汽车/自行车/公共(public)汽车数据。但也可以是不同的名称。
问题是如何根据汽车/自行车访问汽车1或自行车1，而不像下面这样定义

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

如果您看到此处定义的总线。我想动态地执行此操作。怎么办？

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);
});