答案:JavaScript中可用reduce结合对象或Map实现数组去重,基本类型通过seen标记已存在值,对象数组按指定字段(如id)判断唯一性,累加器保存状态并返回去重结果。

在JavaScript中,可以使用 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 按该字段判断是否已存在。
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()方法数组去重的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1538683.html
微信扫一扫
支付宝扫一扫