JS根据数组对象中的某key分组构成新的数组将新数组中某值再提出构成新数组

在Web开发过程中，我们经常遇到需要对数据进行处理的情况，特别是当数据以数组对象的形式存在时。如何高效地根据特定的键(key)对数组对象进行分组，并进一步提取所需的数据成为一个常见的需求。这篇文章将深入探讨这一主题，从基本概念到实践操作，提供详尽的代码示例和实际工作中的应用技巧。

基本概念与作用说明

首先，我们需要明确几个概念：数组(Array)、对象(Object)以及键值对(Key-Value Pair)。在JavaScript中，数组是一个可以存储多个值的有序集合，而对象则允许我们将数据组织成键值对的形式。当我们说根据某个key对数组对象进行分组时，实际上是指遍历数组中的每个对象，基于指定的属性（即key）来决定如何对其进行分类。

这种方法特别适用于需要根据某些标准聚合信息的场景，例如统计不同类别商品的数量或计算特定部门员工的平均工资等。

示例一：基础分组

// 假设我们有一个包含多个对象的数组
const data = [
    {
   
   name: 'Alice', department: 'Engineering'},
    {
   
   name: 'Bob', department: 'HR'},
    {
   
   name: 'Charlie', department: 'Engineering'},
    {
   
   name: 'Diana', department: 'Marketing'}
];

// 根据department字段进行分组
let result = data.reduce((acc, cur) => {
   
   
    acc[cur.department] = [...acc[cur.department] || []