javascript - 在普通javascript对象中将 child 分组在 parent 之下？

Question

这个问题已经有答案了:

Most efficient method to groupby on an array of objects (61 个回答)

已关闭 4 年前。

我有以下对象结构:

[{
  directory: 'dir1',
  fileName: 'file1.png'
  },
{
  directory: 'dir2',
  fileName: 'file2.png'
  },
{
  directory: 'dir1',
  fileName: 'file2.png'
  },
{
  directory: 'dir1',
  fileName: 'file3.png'
  },
{
  directory: 'dir2',
  fileName: 'test.png'
  }
}]

我想对此信息进行后处理以产生以下分组:

{
  "dir1": ["file1.png", "file2.png"],
  "dir2": ["file1.png", "file2.png"],
}

我使用的是普通的旧版 JS。完成这样的事情的最佳方法是什么？

Answer 1

const data = [{
    directory: 'dir1',
    fileName: 'file1.png'
  },
  {
    directory: 'dir2',
    fileName: 'file2.png'
  },
  {
    directory: 'dir1',
    fileName: 'file2.png'
  },
  {
    directory: 'dir1',
    fileName: 'file3.png'
  },
  {
    directory: 'dir2',
    fileName: 'test.png'
  }
];

const result = data.reduce((acc, {
  directory,
  fileName
}) => {
  acc[directory] ? acc[directory].push(fileName) : (acc[directory] = [fileName]);
  return acc;
}, {})

console.log(result)