js数组对象根据key进行分组

最新推荐文章于 2024-08-02 13:22:46 发布

原创最新推荐文章于 2024-08-02 13:22:46 发布 · 603 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #vue.js

文章介绍了JavaScript中的groupBy函数，它通过`reduce`方法根据给定的键（如category）对数组进行分组，示例展示了如何将对象数组按照类别进行整理。


function groupBy(array, key) {
  return array.reduce((result, currentItem) => {
    // 使用 key 的值作为分组的键
    const groupKey = currentItem[key];
    
    // 如果 result 中不存在这个键，则创建一个数组
    if (!result[groupKey]) {
      result[groupKey] = [];
    }
    
    // 将当前项推入对应的分组数组中
    result[groupKey].push(currentItem);
    
    return result;
  }, {});
}
 
// 示例使用
const items = [
  { category: 'fruits', name: 'apple' },
  { category: 'animals', name: 'dog' },
  { category: 'fruits', name: 'banana' },
  { category: 'animals', name: 'cat' }
];
 
const groupedItems = groupBy(items, 'category');
console.log(groupedItems);