js数组对象去重

本文介绍了三种在JavaScript中去除数组对象重复的方法:通过对象访问属性、使用Map()以及运用reduce()。详细阐述了每个方法的工作原理,并指出在有多个判断条件时如何扩展去重逻辑。适合前端和后端开发者提升技能。
摘要由CSDN通过智能技术生成

今天给大家介绍三种数组对象去重的方法,简单方便
有这么一组数组对象:

let arr = [{
     id: '1',
     key: '1',
     value: '明月'
   }, {
     id: '3',
     key: '2',
     value: '可欣'
   }, {
     id: '2',
     key: '3',
     value: '小红'
   }, {
     id: '1',
     key: '1',
     value: '小馨'
   }, {
     id: '1',
     key: '2',
     value: '小静'
}]

1、对象访问属性的方法

let newArr = [];
    let obj = {};
    for (var i = 0; i < arr.length; i++) {
       if (!obj[arr[i].key]) {
         newArr.push(arr[i])
         obj[arr[i].key] = true
       }
    }
console.log(newArr);

2、Map()方法

set方法设置key所对应的键值,然后返回整个Map结构。如果key已经有值,则键值会被更新,否则就新生成该键。

values方法可以返回Map对象值的遍历器对象

let map = new Map();
for (let item of
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值