根据索引名称动态解析 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 数据包中，汽车/自行车/公共汽车。但也可以是不同的名称。
问题是如何根据汽车/自行车访问 Car 1 或 Bike 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);
});

Answer 2

创建一个函数，在其中映射车辆类型数组并返回名称：

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"
  }]
};

function getVehicleNames(type) {
  return Object.keys(vehicles[type]).map(key => vehicles[type][key].name)
}

function getAllVehicleNames() {
  return Object.keys(vehicles).map(type => {
      return {[type]: Object.keys(vehicles[type]).map(key => vehicles[type][key].name)}
  })
}

//console.log(getVehicleNames("buses"))
//console.log(getVehicleNames("cars"))
console.log(getAllVehicleNames())