时间戳

首页 > 解决方案 > 如何从具有多个键的 json 对象中收集数据并将所有值推送到单个键：值数组

javascript - 如何从具有多个键的 json 对象中收集数据并将所有值推送到单个键：值数组

问题描述

我有一个示例 json 对象：

var jsonString = '[{ "name":"John", "age":30, "car":Mercedes},{ "name":"Jimy", "age":32, "car":Audi},{ 
"name":"Mia", "age":22, "car":Renault},{ "name":"Frank", "age":35, "car":null }]';

var data = JSON.parse(jsonString);

我想从数据数组中获取最新的两个数据并创建一个键：值数组，以便每个 json 属性在数组中有一个键，并且所有 json 对象的所有值都存储在它们相应的键下，例如，我想要的结果通常是数组 [{key: data_array_for_that_key}] 或者具体来说：

output=[{name: [Frank, Mia]}, {age: [35,22]}, {car: [null, Renault]}......]

我试过这样的事情：

var output = [];

  data.slice(-2).forEach((d, i) => {
    Object.keys(d).forEach((key) => {
      output.push({[key] : d[key]});
    });
  });
  console.log(output);

但它为每个 json 对象创建了一个键和值，这不是我想要的。

我该如何解决这个问题？

标签： javascriptjsonobjectecmascript-6foreach

解决方案

您可以为分组相同的键获取一个哈希表，并为每个新键推送一个新对象output；

var jsonString = '[{ "name":"John", "age":30, "car":"Mercedes"},{ "name":"Jimy", "age":32, "car":"Audi"},{"name": "Mia", "age": 22, "car": "Renault"},{"name": "Frank","age": 35,"car": null}]',
    data = JSON.parse(jsonString);
    output = [],
    temp = [];

data.slice(-2).forEach(o => Object.entries(o).forEach(([k, v]) => {
    if (!temp[k]) output.push({ [k]: temp[k] = [] });
    temp[k].push(v);
}));

console.log(output);
.as-console-wrapper { max-height: 100% !important; top: 0; }

推荐阅读