前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >数组对象根据对象中指定的属性去重?你知道多少

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

作者头像
sunseekers
发布2018-10-31 16:44:59
2.8K0
发布2018-10-31 16:44:59
举报

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

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

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

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

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

方法一: reduce 方法

代码语言:javascript
复制
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

方法二: 计数器原理

代码语言:javascript
复制
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
}
复制代码

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

代码语言:javascript
复制
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
}
复制代码

方法四:ES6Map

代码语言:javascript
复制
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 同事看了我掘金以后给出的答案,或许这就是大佬吧,对于 ES6mapset,我只知道有这个东西,未曾深入了解过。自愧不如,JavaES6 玩的比我还好,我要一头扎入学习的海洋,到达他的高度 测试案例

代码语言:javascript
复制
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')
复制代码

来自萌新的瑟瑟发抖,如有不对之处,希望可以指出,如果有其他的更好的方法,期待可以学习交流

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018年10月18日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档