js中使用reduce()方法数组去重
答案：J*aScript中可用reduce结合对象或Map实现数组去重，基本类型通过seen标记已存在值，对象数组按指定字段（如id）判断唯一性，累加器保存状态并返回去重结果。
在J*aScript中，可以使用 reduce() 方法结合对象或Map来实现数组去重。这种方法适用于基本类型数组（如数字、字符串）以及对象数组的去重。
1. 基本类型数组去重
利用 reduce 遍历数组，通过一个对象记录已出现的值，避免重复添加。
const arr = [1, 2, 2, 3, 4, 4, 5];
const unique = arr.reduce((acc, current) => {
if (!acc.seen[current]) {
acc.seen[current] = true;
acc.result.push(current);
}
return acc;
}, { seen: {}, result: [] }).result;
console.log(unique); // [1, 2, 3, 4, 5]
说明：使用一个对象 seen 来标记元素是否已存在，保证唯一性，最终返回 result 数组。
2. 对象数组按特定字段去重
如果要去重的对象数组中有重复的某个属性（如 id），可以用 reduce 按该字段判断是否已存在。
jQuery small2big图片缩放插件
jQuery small2big图片缩放插件，兼容主流浏览器，推荐下载！ 使用方法： 1、head区域引用文件css和js库 2、在文件中加入html代码， 一个li对应一个图片，images文件夹的图片按数字命名 1.jpg, 2.jpg, ...
56
查看详情
const users = [
{ id: 1, name: 'Alice' },
{ id: 2, name: 'Bob' },
{ id: 1, name: 'Alice' }
];
const uniqueUsers = users.reduce((acc, current) => {
if (!acc.map[current.id]) {
acc.map[current.id] = true;
acc.result.push(current);
}
return acc;
}, { map: {}, result: [] }).result;
console.log(uniqueUsers);
// [{ id: 1, name: 'Alice' }, { id: 2, name: 'Bob' }]
说明：以 id 为唯一标识，通过 map 记录已添加的 id，避免重复插入。
3. 使用 Set 简化去重（补充方法）
虽然题目要求用 reduce，但值得一提的是，对于基本类型，更简洁的方式是使用 Set：
const unique = [...new Set([1, 2, 2, 3])]; // [1, 2, 3]但在需要复杂逻辑（如对象去重）时，reduce 提供了更大的灵活性。
基本上就这些。reduce 实现去重的关键是利用累加器保存状态（如 seen 或 map），一边遍历一边判断是否已存在。以上就是js中使用reduce()方法数组去重的详细内容，更多请关注其它相关文章！
热门内容推荐
快捷栏目导航
