根据特定字段对对象数组进行分组

Question

我有一系列对象。我想按特定领域对它们进行分组。[    {        "name": "JOHN",        "type": 1,        "sum": 5    },    {        "name": "SERA",        "type": 1,        "sum": 43    },    {        "name": "SERA",        "type": 2,        "sum": 129    },    {        "name": "JOHN",        "type": 2,        "sum": 200    }]我期望按名称属性分组的输出如下。{    // Group #1    "JOHN": [      {        "type": 2,        "sum": 200      }      {        "type": 1,        "sum": 5      }    ],    // Group #2    "SERA":[     {        "type": 1,        "sum": 43     },     {        "type": 2,        "sum": 129     },    ]}我使用了嵌套循环，但不幸的是执行速度很慢并且没有给出正确的结果。

Answer 1

就像您提到的那样，我们可以使用对象而不是数组作为最外层的包装器。并且还将一个对象内部交换为数组，那么这是一种可能的解决方案。

var data = [{"name": "JOHN","type": 1,"sum": 5},{"name": "SERA","type": 1,"sum": 43},{"name": "SERA","type": 2,"sum": 129},{"name": "JOHN","type": 2,"sum": 200}];

var newData = {};

data.forEach( (item) => {

  if (!(item['name'] in newData)) {

      newData[item['name']] = [];

  }

  newData[item['name']].push(

      {

        'type':  item['type'],

        'sum' : item['sum']

      }

  );

});

console.log(newData);

Answer 2

您建议的输出结构无效，但是使用Array.reduce您可以创建一个对象，其中所有属性都是对象数组：

const data = [

    {

        "name": "JOHN",

        "type": 1,

        "sum": 5

    },

    {

        "name": "SERA",

        "type": 1,

        "sum": 43

    },

    {

        "name": "SERA",

        "type": 2,

        "sum": 129

    },

    {

        "name": "JOHN",

        "type": 2,

        "sum": 200

    }

];

const result = data.reduce((c, {name, type, sum}) => {

  c[name] = c[name] || [];

  c[name].push({type, sum});

  return c;

}, {});

console.log(result);

Answer 3

forEach使用,destructuring和??运算符的另一种方式

const merge = (arr) => {

  const obj = {};

  arr.forEach(({ name, ...rest }) => (obj[name] ??= []).push(rest));

  return obj;

};

const data = [

  {

    name: "JOHN",

    type: 1,

    sum: 5,

  },

  {

    name: "SERA",

    type: 1,

    sum: 43,

  },

  {

    name: "SERA",

    type: 2,

    sum: 129,

  },

  {

    name: "JOHN",

    type: 2,

    sum: 200,

  },

];

console.log(merge(data));

Answer 4

您可以使用此函数将 Array.prototype.reduce初始数据转换为另一种数组结构。

let data = [

    {

        "name": "JOHN",

        "type": 1,

        "sum": 5

    },

    {

        "name": "SERA",

        "type": 1,

        "sum": 43

    },

    {

        "name": "SERA",

        "type": 2,

        "sum": 129

    },

    {

        "name": "JOHN",

        "type": 2,

        "sum": 200

    }

];

function groupedBy(data, field) {

  let fieldValues = [...data].reduce((acc, current) => {

    return acc.concat(current[field]);

  }, []).filter((value, index, self) => {

    return self.indexOf(value) === index;

  });

  

  let results = fieldValues.reduce((acc, item) => {

    let items = [...data].filter(el => {

      return el.name === item;

    });

    

    items.forEach(i => delete i.name);

    

    return Object.assign(acc, { [item]: items});

  }, {});

 

  return results;

}

console.log(groupedBy(data, "name"));