如何按一个值对数据进行分组？

Question

我有数据表，我想按一个值分组，“组 1”和“组 2”。 我怎样才能做到这一点？ this is how my table look

我从 json 文件中映射这些数据：

data.properties.map(data =>({key: Math.floor(Math.random()*1234), id: Math.floor(Math.random()*1234), value: data.value, group: data.group, type: data.type, label: data.label, image: data.image}));

然后我把它作为 InitialState 来声明。 如果这还不够，我只是请解释我如何在此代码示例中按组对数据进行分组：

const items = [{ id: 1, group: "Group 1", title: "My Title 1" }, { id: 2, group: "Group 2", title: "My title 2" }, { id: 6, group: "Group 1", title: "Another title 1" }]

你可以做例子或者使用我的数据，没关系，如果我问愚蠢的问题，我很抱歉，谢谢！

Answer 1

你可以使用 array.reduce().. 也许这样的东西可以让你开始：

const arr = [
  {
    group: 'Group 1',
    id: 1
  },
  {
    group: 'Group 1',
    id: 2
  },
  {
    group: 'Group 2',
    id: 3
  }
];

const x = arr.reduce(function(acc, cur) {
  const idx = acc.findIndex(el => el.group === cur.group);
  const obj = {
    group: cur.group
  };
  if(idx < 0) {
    obj.children = [];
    obj.children.push(cur);
    acc.push(obj)
  } else {
    acc[idx].children.push(cur);
  }
  
  return acc;
}, []);

console.log(x);