如何在javascript中以键值对格式制作嵌套数组对象

Question

array data=[
{
"id":1,
"name":"john",
"income":22000,
"expenses":15000
},
{
"id":2,
"name":"kiran",
"income":27000,
"expenses":13000
},
{
"id":1,
"name":"john",
"income":35000,
"expenses":24000
}
]

我想在键值对中按以下格式设置一个新数组。即结果集。 你能解释一下最好的方法吗？ ?使用foreach如何实现？

通过循环每个元素尝试使用 foreach 方法。但无法获得所需的输出格式

var result= [ {
      "name": "john",
      "series": [
        {
          "name": "income",
          "value": 22000
        },
        {
          "name": "expenses",
          "value": 15000
        },
       
      ]
    },
{
      "name": "kiran",
      "series": [
        {
          "name": "income",
          "value": 27000
        },
        {
          "name": "expenses",
          "value": 13000
        },
       
      ]
    }]

Answer 1

// Your array
const result = [
  {
    name: "john",
    series: [
      {
        name: "income",
        value: 22000,
      },
      {
        name: "expenses",
        value: 15000,
      },
    ],
  },
  {
    name: "kiran",
    series: [
      {
        name: "income",
        value: 27000,
      },
      {
        name: "expenses",
        value: 13000,
      },
    ],
  },
];

// What is .map function?
// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map

// Output

// map return a new function.
// it's a loop method but more equipped
result.map((item, index) => {
  const seriesKeyValues = {};
  // forEach is too, it's a loop method.
  // but not have a return value,
  // just loops and give you item on each loop
  item.series.forEach(serie => {
    //seriesKeyValues is a object.
    // different between seriesKeyValues.serie.name
    // it's a bracket notation
    // look this documentation
    // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Object_initializer#computed_property_names
    seriesKeyValues[serie.name] = serie.value;
  });

  // return new Object
  // ... is 'spread syntax' basically combine objects
  // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Object_initializer#spread_properties
  // spread syntax is a new way.
  // old way is https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign

  return {
    id: index,
    name: item.name,
    ...seriesKeyValues,
  };
});

我希望它会有所帮助:)。如果你不明白任何代码行，我可以解释