常用JS工具函数-数组对象根据字段去重

该文章介绍了一个JavaScript函数,用于通过指定属性(如ID)对对象数组进行去重。函数首先遍历数组,将具有唯一属性值的对象存储到映射对象中,然后使用Object.values()获取去重后的数组。这种方法适用于处理后端返回的包含重复数据的数组。
摘要由CSDN通过智能技术生成
  • 通过让属性对应的唯一属性值作为判断依据,最后利用Object.values()达到去重目的,例如ID之类的
  • 后端返回数据有多个相似数据需要去重


    function arrayObjectDeDuplication(arr = [], key = "id") {
        // 判断如果传入数组为空数组则直接返回
        if (arr.length === 0) return;

        let dupArr = []; // 接受去重之后的数组
        const map = {}; // 存放去重时得到的对象数据
        arr.forEach(item => {
          if(!map[item[key]]){
            map[item[key]] = item // 如果当前属性值没有,则添加到map中
          }
        });
        dupArr = Object.values(map)
        return dupArr
    }

    export default arrayObjectDeDuplication

    参数说明
    参数 说明类型
    arr需要去重的数组队形
    key去重判断的值
    dupArr接受去重之后的数组
    map存放去重时得到的对象数据

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值