将公共键的所有值分组为对象数组中的数组

Question

我有一个对象数组

const arr =   [
    
        {
            "id": 2,
            "key": "cc_edit"
        },
        {
            "id": 4,
            "key": "cc_upload"
        },
        {
            "id": 4,
            "key": "cc_download"
        },
        {
            "id": 1,
            "key": "cc_project"
        }]

我想要一个具有唯一键的对象作为新对象的键，其值作为数组。就像是：

{
   2 : ["cc_edit"],
   4 : ["cc_upload", "cc_download"],
   1 : ["cc_project"],
},

如何实现？

Answer 1

使用Array#reduce：

const arr = [ { "id": 2, "key": "cc_edit" }, { "id": 4, "key": "cc_upload" }, { "id": 4, "key": "cc_download" }, { "id": 1, "key": "cc_project" } ];

const res = arr.reduce((acc, { id, key }) => ({
  ...acc,
  [id]: [...(acc[id] ?? []), key]
}), {});

console.log(res);