js 数组对象去重，对象有唯一属性ID

最新推荐文章于 2024-07-16 16:50:55 发布
最新推荐文章于 2024-07-16 16:50:55 发布
阅读量159 收藏
点赞数 1
文章标签： javascript 开发语言 ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/motoudi/article/details/137855457
版权
本文介绍了如何使用JavaScriptES6的Map数据结构实现一个名为`uniqueArrayObjectsById`的函数，用于从给定数组中去除具有相同ID但其他属性不同的重复对象。
摘要由CSDN通过智能技术生成 
function uniqueArrayObjectsById(arr) {  
    const map = new Map();  
    const uniqueArr = [];  
  
    arr.forEach(obj => {  
        if (!map.has(obj.ID)) {  
            map.set(obj.ID, obj);  
            uniqueArr.push(obj);  
        }  
    });  
  
    return uniqueArr;  
}
function uniqueArrayObjectsById(arr) {  
    const map = new Map();  
    const uniqueArr = [];  
  
    arr.forEach(obj => {  
        if (!map.has(obj.ID)) {  
            map.set(obj.ID, obj);  
            uniqueArr.push(obj);  
        }  
    });  
  
    return uniqueArr;  
}

let arr = [  
    { ID: 1, name: 'Alice' },  
    { ID: 2, name: 'Bob' },  
    { ID: 1, name: 'Alice' } // 重复的对象，但ID不同  
];  
  
console.log(uniqueArrayObjectsById(arr));  
// 输出: [{ ID: 1, name: 'Alice' }, { ID: 2, name: 'Bob' }]

小嘟嚷ovo
关注
js数组中存对象,根据对象的属性进行去重
04-25
在进行web项目开发的时候,有时候需要把一些前端的数组进行去重处理,得到一个去重后的数据,然后在进行相关的操作
数组根据对象id去重的几种方法
pig_pig32的博客
03-16 6017
arr = [ { id: 1, name: '张一', age: 20 }, { id: 1, name: '张一', age: 20 }, { id: 2, name: '张二', age: 20 }, { id: 3, name: '张三', age: 20 }, ]; 方法一 通过forEach再通过some方法判断数组是否包含当前对象id，不包含则添加 some() { let some: any = []; this.arr.forE..
js中数组对象去重的几种方式
最新发布
3000
07-16 518
在 JavaScript 中，可以使用多种方法对数组中的对象进行去重。可以通过 .set() 方法添加键值对，通过 .get() 方法获取值，通过 .delete() 方法删除键值对。Map 是一种键值对的集合，其中每个键唯一对应一个值，类似于对象，但有更灵活的键类型。Set 是一种集合，用于存储唯一值，即集合中的每个元素都是唯一的，不允许重复。不像数组，Set 中的元素没有顺序，不能通过索引访问。可以存储任意类型的值，包括基本类型和对象引用。保留元素的插入顺序，可以通过键来访问对应的值。
js 数组里面对象根据id去重
火星男孩的分享空间
08-03 2498
参考： 数组里面对象去重的3种方法 1.数组的reduce()方法(ie9以下不支持此方法) var arr = [ {id: 1, name: '周瑜1'}, {id: 3, name: '王昭君1'}, {id: 2, name: '李白1'}, {id: 1, name: '周瑜2'}, {id: 2, name: '李白2'}, {id: 3, name: '王昭君2'} ]; var newArr = distinct(arr,"id"); console.log(new
js数组对象根据id去重
慕芃的博客
12-24 4909
js数组对象根据id去重js数组对象根据id去重例子 js数组对象根据id去重 例子 var arr = [{ key: '01', value: '乐乐' }, { key: '02', value: '博博' }, { key: '03', value: '淘淘' }, { key: '04', value: '哈哈' }, { key: '01',
js中对象数组根据对象id去重
qq_39851847的博客
03-28 1306
上述代码利用了 Array.filter() 方法的特性，把自身中重复的元素去掉，最后得到没有重复元素的新数组。// 如果当前索引等于当前元素在self中的最初出现位置索引，则表示元素符合要求，不是重复元素，保留。// 利用findIndex方法找到第一个与当前元素id相等的元素索引。
js 数组根据id去重
weixin_46198349的博客
11-25 312
javascript 数组根据对象的id去重方法。
js代码-2个数组对象去重获取合并后的数组
07-15
本主题将深入探讨如何使用JS代码处理两个数组对象，以实现去重并获取合并后的唯一数组。 首先，我们需要理解数组对象的概念。在JavaScript中，数组是一种特殊的对象，它们的键是数字（表示索引）或字符串，而值可以...
数组去重以及数组对象去重方法总结
丑小鸭变黑天鹅的博客
05-09 5935
数组去重以及数组对象去重方法总结一、数组对象去重1、reduce方法2、利用原生js+空对象+空数组3、利用原生js+标志位+空数组4、利用双指针思想+splice方法二、数组去重1、利用新数组+标志位2、排序+新数组+相邻比较3、新对象+新数组4、新数组+indexOf5、新数组+includes6、新数组+filter+includes7、新数组+foreach+includes8、 双指针思想+splice9、新数组+lastIndexOf10、ES6的set 方法 一、数组对象去重 1、reduce
vue数组去重，数组对象去重
snowflak的博客
11-02 2536
vue数组去重，数组对象去重
【ES6】es6数组中对象去重，数组对象去重方法总结---filter()与reduce()实践
热门推荐
余浩的博客
03-02 1万+
es6数组中对象去重，数组对象去重方法总结---filter()与reduce()实践。利用reduce()方法的累积器作用，在对由对象组成的数组进行遍历时，通过对象```hasObj```来标记数组中每个元素id是否出现过。 如果出现过，那么遍历到的当前元素则不会放入到累积器中， 如果没有出现，则添加到累积器中，这样保证了最后返回值中每个数据id的唯一性。
数组对象根据id去重（javascript方法）
f18515962596的博客
01-10 207
需要去重的数组对象。
JS数组对象去重
qq_33443033的博客
08-31 345
var arr2 = [   { name: "name1", num: "1" },   { name: "name2", num: "11" },   { name: "name3", num: "12" },   { name: "name4", num: "13" },   { name: "name2", nu
JS 数组或数组对象去重的9种方法
UserGuan的博客
03-13 1万+
/ 数组去重// 数组对象去重{ id: 1, name: "数据1" },{ id: 1, name: "数据2" },{ id: 2, name: "数据3" },{ id: 3, name: "数据4" },{ id: 4, name: "数据5" },{ id: 3, name: "数据6" },{ id: 5, name: "数据7" }
【面试题】JS的14种去重方法，看看你知道多少（包含数组对象去重）
web全栈开发的博客
09-25 348
JavaScript数组是一种特殊的对象，用于保存多个值在一个连续的内存空间中，也正是因为如此，我们在数组中存储大量数据，但是巨大的数据量难免会有重复的，但我们并不需要重复的数据，这个时候就需要就数组进行去重，来达到每个数组都是唯一的，这样的数据才是我们想要的。
es6通过Map对象对数组去重
qq_40052237的博客
02-19 2097
关于js数组去重的方法有很多，我以前居然用的是嵌套两层for循环来加一层if来判断数组里面的重复数据，当我了解了es的方法之后，才发现我的方法是有多蠢（笑哭）。 首先关于数组去重我们先简单介绍一下es6新增的一个Map对象。 Map对象 Map是一组键值对的结构，具有极快的查找速度，我们通过键名就可以快速找到值。 Map对象的常用方法 const res=new Map() //通过set方法来设置键值对存储数据 res.set("a",1) res.set("a",2)//这样子会覆盖上面的值
js数组对象去重的方法
09-06
JavaScript中数组对象去重的方法有很多种，下面列举几种常见的方法： 1. 使用Set：使用Set数据结构可以快速实现数组对象的去重。通过将数组对象转化为Set，再将Set转化回数组即可实现去重。 ```javascript const arr = [{id: 1}, {id: 2}, {id: 1}, {id: 3}]; const uniqueArr = Array.from(new Set(arr.map(JSON.stringify))).map(JSON.parse); console.log(uniqueArr); ``` 2. 使用reduce方法：利用reduce方法遍历数组对象，通过判断对象在结果数组中是否已存在来进行去重。 ```javascript const arr = [{id: 1}, {id: 2}, {id: 1}, {id: 3}]; const uniqueArr = arr.reduce((result, current) => { const isExist = result.some(item => item.id === current.id); if (!isExist) { result.push(current); } return result; }, []); console.log(uniqueArr); ``` 3. 使用filter方法：利用filter方法和indexOf来判断对象在数组中的索引位置，从而进行去重。 ```javascript const arr = [{id: 1}, {id: 2}, {id: 1}, {id: 3}]; const uniqueArr = arr.filter((item, index, self) => { return index === self.findIndex(obj => obj.id === item.id); }); console.log(uniqueArr); ``` 以上是一些常见的数组对象去重方法，根据具体业务场景选择适合的方法即可。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值