js将数组中相同的元素进行分组 必看

简介: js将数组中相同的元素进行分组 必看
function sortClass(sortData){
  const groupBy = (array, f) => {
    let groups = {};
    array.forEach((o) => {
      let group = JSON.stringify(f(o));
      groups[group] = groups[group] || [];
      groups[group].push(o);
    });
    return Object.keys(groups).map((group) => {
      return groups[group];
    });
  };
  const sorted = groupBy(sortData, (item) => {
    return item.name; // 返回需要分组的对象
  });
  return sorted;
};
var data=[
  {id:1,  name:'小明',type:'分类'},
  {id:2,  name:'大明',type:'分钱'},
  {id:3,  name:'中明',type:'分兵'},
  {id:4,  name:'小明',type:'分分'},
  {id:5,  name:'雷明',type:'分兵'},
  {id:6,  name:'小明',type:'分兵'},
  {id:7,  name:'出明',type:'分钱'},
  {id:8,  name:'中明',type:'分钱'},
  {id:9,  name:'出明',type:'分分钱'},
  {id:10,  name:'雷明',type:'分分钱'},
]
sortClass(data)

返回想要的结果

扫码获取 1000+条 前端面试题 收藏以后面试用得上


WX搜索 【MST题库】小程序查看

相关文章
|
4天前
|
存储 JavaScript 索引
js开发:请解释什么是ES6的Map和Set,以及它们与普通对象和数组的区别。
ES6引入了Map和Set数据结构。Map的键可以是任意类型且有序,与对象的字符串或符号键不同;Set存储唯一值,无重复。两者皆可迭代,支持for...of循环。Map有get、set、has、delete等方法,Set有add、delete、has方法。示例展示了Map和Set的基本操作。
17 3
|
17天前
|
存储 JavaScript 索引
JS中数组的相关方法介绍
JS中数组的相关方法介绍
|
17天前
|
JavaScript Java
JS有趣的灵魂 清空数组
JS有趣的灵魂 清空数组
|
1月前
|
JavaScript 前端开发
JavaScript操作DOM元素
JavaScript操作DOM元素
12 1
|
1月前
|
JavaScript 前端开发 API
常用JavaScript 数组 API大全
常用JavaScript 数组 API大全
32 0
|
1月前
|
JavaScript
JS数组增删方法的原理,使用原型定义
JS数组增删方法的原理,使用原型定义
|
2天前
|
JavaScript 前端开发
js 操作数组的方法
js 操作数组的方法
12 4
|
10天前
|
JavaScript 前端开发 索引
JavaScript 数组中的增、删、改、查
JavaScript 数组中的增、删、改、查
|
11天前
|
JavaScript 前端开发
js怎么删除html元素
js怎么删除html元素
23 10
|
11天前
|
JavaScript 前端开发
js添加、删除、替换或插入元素。
js添加、删除、替换或插入元素。
8 0