将重复的对象属性移动到对象数组中的单个属性中

Question

基本上我有这个 JavaScript 数组：const a = [  {name: 'Foo', place: 'US', age: 15},  {name: 'Foo', place: 'UK', age: 21},  {name: 'Bar', place: 'Canada', age: 20},  {name: 'Bar', place: 'China', age: 22}];让它看起来像这样的最快方法是什么？（其中名称成为“a”数组中的单个对象属性）。我将如何遍历数组？const a = [  {    name: 'Foo',    data: [      {        place: 'US', age: 15      },      {        place: 'UK', age: 21      }    ]  },  {    name: 'Bar',    data: [      {        place: 'Canada', age: 20      },      {        place: 'China', age: 22      }    ]  }];谢谢你！

Answer 1

您可以使用reduce函数根据name属性对数据进行分组，然后取Object.values.

var a = [

  {name: 'Foo', place: 'US', age: 15},

  {name: 'Foo', place: 'UK', age: 21},

  {name: 'Bar', place: 'Canada', age: 20},

  {name: 'Bar', place: 'China', age: 22}

];

var result = Object.values(a.reduce((acc, {name, ...rest})=>{

    acc[name] = acc[name] || {name, data:[]};

    acc[name].data = [...acc[name].data, rest];

    return acc;

},{}));

console.log(result);

Answer 2

一种方法是使用 ES6 Map。您可以使用.reduce()将对象累积到a地图中。每个都name可以是映射中的键，映射中的每个值都是一个对象数组，该对象的键为name. 一旦构建了Map，就可以使用Array.from()将 Map 转换为数组，同时还提供映射函数，[name, data[]]在 Map 到数组转换发生时将条目转换为对象。

请参见下面的示例：

const a = [

  {name: 'Foo', place: 'US', age: 15},

  {name: 'Foo', place: 'UK', age: 21},

  {name: 'Bar', place: 'Canada', age: 20},

  {name: 'Bar', place: 'China', age: 22}

];

const res = Array.from(a.reduce((m, {name, ...r}) => {

  return m.set(name, (m.get(name) || []).concat(r));

}, new Map), ([name, data]) => ({name, data}));

console.log(res);