数组对象根据对象中指定的属性去重？你知道多少

sunseekers

发布于 2018-10-31 08:44:59

2.9K00

代码可运行

文章被收录于专栏：我和我大前端的故事我和我大前端的故事

运行总次数：0

代码可运行

有一天有一个朋友给我发来消息 “数组对象根据对象中指定的属性去重？让我写写看”，看到这个的时候我有点懵逼，好像不太会。

我只能咬着牙硬着头皮死磕，差点从入门到放弃，在朋友一步一步指导下面终于写好了，朋友总结好了发了我一份，本着自愿共享的精神。过来两天我就把这个给忘了

在项目中刚好遇到这个东西，那时候脑子仅剩一点点的思路，努力回想时却早已记忆模糊。很无奈呀，怎么办？项目开发需要，硬着头皮又找朋友要了一份哈哈。现在我决定我要建立一个自己的 js 小仓库，里面就放我不懂的，有事没事去翻翻，温故

喜欢和朋友交流，偶尔会抛一些技术问题给我，我不会，每次都在指导下慢慢的一步一步明白懂了，顺便学到了新知识。哈哈一起学习进步，欢迎技术交流

问题：数组对象根据对象中指定的属性去重？

方法一: reduce 方法

function unique(arr,u_key){
  let obj = {}
  arr.reduce((prev,next)=>{
    obj[next[u_key]+typeof next[u_key]] ?  '' :
    obj[next[u_key]+typeof next[u_key]] = true && prev.push(next)
    return prev 
  },[])
}
复制代码

push 方法是返回新数组的长度，&& 返回的是后面那个值，而我们需要的是一个第一次执行的数组对象，所以另写了一行 return prev

方法二: 计数器原理

function unique(arr,u_key){
  let result = []
  result[0] = arr[0]
  arr.forEach((meta_item,i)=>{
    //声明计数变量，如果源数组中的一个对象和result结果数组中的所有对象不同，就push
    let num = 0
    result.forEach((r_item,j)=>{
      if (meta_item[u_key]!==r_item[u_key]) {
        num++
      }
      if (num === result.length) {
        result.push(meta_item)
      }
    })
  })
  return result
}
复制代码

方法三 : 简单粗暴循环，利用原理是对象的同名属性会被覆盖（和第一种方法有点像）

function unique(arr,u_key) {
  let obj = {}
  let result = []
  arr.forEach(item=>{
    let typeof_key = typeof item[u_key] + item[u_key]
    obj[typeof_key] = item
  })
  for (let key in obj) {
    result.push(obj[key])
  }
  return result
}
复制代码

方法四：ES6 的 Map

function unique(arr,u_key) {
  let map = new Map()
  arr.forEach((item,index)=>{
    if (!map.has(item[u_key])){
      map.set(item[u_key],item)
    }
  })
  return [...map.values()]
}
复制代码

这个方法是我 Java 同事看了我掘金以后给出的答案，或许这就是大佬吧，对于 ES6 的map，set,我只知道有这个东西，未曾深入了解过。自愧不如，Java 玩 ES6 玩的比我还好，我要一头扎入学习的海洋，到达他的高度测试案例

let arrayList = [{
  id:'1',
  name:'one'
},{
  id:'2',
  name:'tow',
},{
  id:'3',
  name:'three'
},{
  id:'1',
  name:'one'
},{
  id:2,
  name:'tow',
},{
  id:'3',
  name:'three'
}]
unique(arrayList,'id')
复制代码