JavaScript 中数组分组新方法全解析

在 JavaScript 编程中，数组的分组操作是一项常见且重要的任务。随着语言的不断发展，出现了一些新的方法和技巧，使得数组分组变得更加高效和灵活。

我们来了解一下 Array.prototype.reduce() 方法。通过这个方法，我们可以轻松地实现数组分组。以下是一个示例代码：

const arr = [
  { id: 1, category: 'A' },
  { id: 2, category: 'B' },
  { id: 3, category: 'A' },
  { id: 4, category: 'B' },
];

const groupedArr = arr.reduce((result, item) => {
  if (!result[item.category]) {
    result[item.category] = [];
  }
  result[item.category].push(item);
  return result;
}, {});

console.log(groupedArr);

在上述代码中，reduce() 方法逐步处理数组中的每个元素，根据元素的 category 属性进行分组。

另外，ES6 引入的新特性也为数组分组提供了便利。比如，我们可以结合 Map 数据结构来实现分组。

const arr = [
  { id: 1, category: 'A' },
  { id: 2, category: 'B' },
  { id: 3, category: 'A' },
  { id: 4, category: 'B' },
];

const groupedMap = new Map();

arr.forEach(item => {
  if (!groupedMap.has(item.category)) {
    groupedMap.set(item.category, []);
  }
  groupedMap.get(item.category).push(item);
});

const groupedArrFromMap = Array.from(groupedMap.entries()).map(([key, value]) => ({ [key]: value }));

console.log(groupedArrFromMap);

这种方式利用 Map 的键值对特性，先将数据分组存储在 Map 中，然后再转换为我们期望的分组数组形式。

无论是使用 reduce() 方法还是结合 Map ，都能根据具体的需求灵活选择合适的分组方式。在实际开发中，根据数据的特点和项目的要求，选择最优的数组分组方法，可以提高代码的性能和可读性。

掌握 JavaScript 中数组分组的新方法对于提升编程能力和开发效率具有重要意义。不断探索和实践，才能更好地运用这些技术来解决实际问题。