使用js实现数组对象按照指定属性分组

  • 使用forEach实现
let arr = [
    {name: '张三', age: 18},
    {name: '李四', age: 20},
    {name: '王五', age: 18},
    {name: '赵六', age: 20},
    {name: '孙七', age: 21},
];
let obj = {};
arr.forEach(item => {
    if (!obj[item.age]) {
        obj[item.age] = [];
    }
    obj[item.age].push(item);
});
console.log(obj);
// {
//   18: [{name: '张三', age: 18}, {name: '王五', age: 18}],
//   20: [{name: '李四', age: 20}, {name: '赵六', age: 20}],
//   21: [{name: '孙七', age: 21}],
// }
  • 使用reduce实现
const people = [  
    {name: '张三', age: 18},
    {name: '李四', age: 20},
    {name: '王五', age: 18},
    {name: '赵六', age: 20},
    {name: '孙七', age: 21},
];
const groups = people.reduce((groups, person) => {
  const key = person.age;
  if (!groups[key]) {
    groups[key] = [];
  }
  groups[key].push(person);
  return groups;
}, {});
console.log(groups);
// {
//   18: [{name: '张三', age: 18}, {name: '王五', age: 18}],
//   20: [{name: '李四', age: 20}, {name: '赵六', age: 20}],
//   21: [{name: '孙七', age: 21}],
// }
  • 使用map实现
  • let arr = [
        {name: '张三', age: 18},
        {name: '李四', age: 20},
        {name: '王五', age: 18},
        {name: '赵六', age: 20},
        {name: '孙七', age: 21},
    ];
    
    function groupBy(arr, key) {
      const grouped = {};
      arr.map(item => {
        const keyValue = item[key];
        grouped[keyValue] = grouped[keyValue] || [];
        grouped[keyValue].push(item);
      });
      return grouped;
    }
    
    const grouped = groupBy(arr, 'age');
    console.log(grouped);
    // {
    //   18: [{name: '张三', age: 18}, {name: '王五', age: 18}],
    //   20: [{name: '李四', age: 20}, {name: '赵六', age: 20}],
    //   21: [{name: '孙七', age: 21}],
    // }
    

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值