如何将指定JavaScript数组转换为等值元素分组的嵌套数组?
JavaScript数组重复元素分组实现
给定如下数组:
const arr = [1, 2, 4, 591, 392, 391, 2, 5, 10, 2, 1, 1, 1, 20, 20]
需要将其转换为以下结构:重复元素组成对应长度的子数组,仅出现一次的元素保留单个值:
// 输出结果:[[1, 1, 1, 1], [2, 2, 2], 4, 5, 10, [20, 20], 391, 392, 591]
实现思路
- 先统计数组中每个元素的出现次数,用
Map或普通对象存储键值对(元素为键,出现次数为值) - 遍历原数组,结合统计结果生成目标结构:出现多次的元素生成对应长度的子数组,单次出现的直接保留元素
- 通过
Set记录已处理元素,避免重复添加相同元素
代码实现(Map版)
const arr = [1, 2, 4, 591, 392, 391, 2, 5, 10, 2, 1, 1, 1, 20, 20]; // 统计元素出现次数 const countMap = arr.reduce((acc, num) => { acc.set(num, (acc.get(num) || 0) + 1); return acc; }, new Map()); const result = []; const processed = new Set(); arr.forEach(num => { if (!processed.has(num)) { const count = countMap.get(num); // 根据次数决定添加子数组还是单个元素 result.push(count > 1 ? Array(count).fill(num) : num); processed.add(num); } }); console.log(result);
代码实现(普通对象版)
如果不需要处理NaN这类特殊键,用普通对象统计也可以:
const arr = [1, 2, 4, 591, 392, 391, 2, 5, 10, 2, 1, 1, 1, 20, 20]; const countObj = {}; arr.forEach(num => { countObj[num] = (countObj[num] || 0) + 1; }); const result = []; const processed = new Set(); arr.forEach(num => { if (!processed.has(num)) { result.push(countObj[num] > 1 ? Array(countObj[num]).fill(num) : num); processed.add(num); } }); console.log(result);
说明
Map相比普通对象,能更好地处理非字符串类型的键(比如NaN、Symbol等),兼容性更强Array(count).fill(num)可以快速生成包含指定次数重复元素的子数组,写法简洁高效Set用于去重,确保每个元素只被处理一次,避免结果中出现重复的分组或元素
内容的提问来源于stack exchange,提问作者Brandon Bryan
相关产品推荐
相关产品推荐

