当前位置：首页 > JavaScript

js分组实现

2026-02-28 18:38:16JavaScript

分组实现方法

在JavaScript中，分组操作通常指将数组或对象按照特定条件进行分类。以下是几种常见的分组实现方式：

使用Array.prototype.reduce()

通过reduce方法可以高效地对数组进行分组。该方法遍历数组并将元素归类到不同的组中。

const items = [
  { name: 'Apple', category: 'Fruit' },
  { name: 'Carrot', category: 'Vegetable' },
  { name: 'Banana', category: 'Fruit' }
];

const grouped = items.reduce((acc, item) => {
  const key = item.category;
  if (!acc[key]) acc[key] = [];
  acc[key].push(item);
  return acc;
}, {});

console.log(grouped);

使用Map对象

Map对象更适合需要复杂键值或需要保持插入顺序的分组场景。

const items = [
  { id: 1, type: 'A' },
  { id: 2, type: 'B' },
  { id: 3, type: 'A' }
];

const map = new Map();
items.forEach(item => {
  const key = item.type;
  if (!map.has(key)) map.set(key, []);
  map.get(key).push(item);
});

console.log(Object.fromEntries(map));

使用Lodash库的groupBy

第三方库Lodash提供了现成的groupBy函数，简化分组操作。

const _ = require('lodash');
const data = [
  { name: 'John', department: 'HR' },
  { name: 'Jane', department: 'IT' },
  { name: 'Bob', department: 'HR' }
];

const groupedData = _.groupBy(data, 'department');
console.log(groupedData);

按多条件分组

当需要根据多个属性组合进行分组时，可以创建复合键。

js分组实现

const orders = [
  { product: 'Laptop', customer: 'Alice', date: '2023-01-01' },
  { product: 'Phone', customer: 'Bob', date: '2023-01-01' },
  { product: 'Laptop', customer: 'Alice', date: '2023-01-02' }
];

const groupedOrders = orders.reduce((groups, order) => {
  const key = `${order.customer}_${order.product}`;
  if (!groups[key]) groups[key] = [];
  groups[key].push(order);
  return groups;
}, {});

console.log(groupedOrders);