js 处理数组对象,根据指定属性去重

本文介绍了在JavaScript中如何实现数组对象的去重,包括使用常规的for循环嵌套方法,以及利用ES6的Map特性结合filter函数的简洁方案。此外,还提到了lodash库的uniqBy函数作为去重工具的高效选择。

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

js中想实现找到数组对象中相同的属性拿出来组成一个数组非常简单,只需要用filter即可实现;但是想去重就需要多费点脑子了。

常规思路:for嵌套循环

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
}

es6使用map思路
Map类型是键值对的有序列表,而键和值都可以是任意类型,所以我们可以通过map.get的方法确定是否有此属性与map.set设置数据的方法,结合filter去重

/**
 *    arr:要去重的数组
 *    attr: 去重根据的属性
 */
function unique(arr, attr) {
   const res = new Map();
   return arr.filter((item) => {
 
       var attrItem = item[attr]
       return !res.has(attrItem) && res.set(attrItem, 1)
 
   })
 }
 
console.log(unique(array2, "id")) // 去重后数组

使用lodash的uniqBy

let unarrlist = this.$lodash.uniqBy(Arrlist,'insurerCode');
console.log(unarrlist)

let unArr = this.$lodash.uniqBy(arrayList,'id');
console.log(unArr)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值