js 数组对象去重reduce

最新推荐文章于 2025-03-05 15:12:01 发布

蘑菇汤鱼鱼的笔记

最新推荐文章于 2025-03-05 15:12:01 发布

阅读量702

点赞数

文章标签：前端数组 es6

本文链接：https://blog.youkuaiyun.com/m0_52471271/article/details/122304620

版权

本文介绍如何利用JavaScript的reduce方法来去除数组中对象的重复项，重点探讨ES6语法在去重过程中的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

reduce数组对象去重

// 根据对象的code值去重,即数组中code相同的只保留一个元素
let arr = [
        { id: 1, code: 2000, name: '秋歌' },
        { id: 2, code: 2001, name: '瓜老板' },
        { id: 3, code: 1001, name: '卷咪' },
        { id: 4, code: 1002, name: '卷米啊' },
        { id: 5, code: 2001, name: '瓜老板' },
      ], 

// 方法
let xx = arr.reduce((r, c) => {
        if (r.find(item => item.code === c.code)) {
          return r
        }
        return [...r, c]
      }, [])
  
  // 也可以这么写 一样得
  duplication(arr) {
      return arr.reduce((cur, next) => {
        const isRepeat = cur.find(v => v.code=== next.code)
        return isRepeat ? cur : [...cur, next]
      }, [])
    },
  duplication(arr)
// 打印结果xx
 [{ id: 1, code: 2000, name: '秋歌' },
        { id: 2, code: 2001, name: '瓜老板' },
        { id: 3, code: 1001, name: '卷咪' },
        { id: 4, code: 1002, name: '卷米啊' }]