数组去重 - 元素为对象

v_vszhao

已于 2023-06-14 10:30:52 修改

阅读量104

点赞数

分类专栏： js 文章标签：算法 javascript

于 2022-06-14 16:53:19 首次发布

本文链接：https://blog.youkuaiyun.com/v_vszhao/article/details/125280652

版权

js 专栏收录该内容

9 篇文章

订阅专栏

该博客探讨了一种JavaScript数组过滤去重的方法，通过使用`reduce`函数和一个辅助对象`have`来避免重复项。博客内容包括了对原始代码的解析和改写，强调了如何在保持功能不变的情况下提高代码的简洁性和效率。

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

const p = [{id:1, name: 'ss'},
{id:1, name: 'ssa'},
{id:2, name: 'a'},
{id:3, name: 'saas'},
{id:4, name: 'sw2121s'},
{id:4, name: 'ssllll'},
{id:4, name: 'ssppp'}];

const filterArray = (arr, id) =>{
  const have = {};
  return arr.reduce((item, next)=> { // 使用累加器，将得到的数据push到空数组
  //  have[next[id]] ? '' : have[next[id]] = true && item.push(next);  // esline会校验不通过，原因：eslint判断have[next[id]]定义了但是没有赋值
    have[next[id]] = have[next[id]] ? undefined :   true && item.push(next)  // 判断have对象里面是否存在相同的id，如果不存在，将next赋值给id，并且push到初始数据中
    return item;
  }, []); // 定义初始数据
}


// 改写
const  filterArray = (arr, id) => {
  var have = {};
  return arr.reduce((item, next) =>{
      if(!have[next[id]]){
          have[next[id]] = true && item.push(next)
      }
    return item;
  }, []);
}