前端集合去重复--依据id去重复

追逐梦想之路_随笔

于 2021-02-02 20:47:53 发布

阅读量669

点赞数

CC 4.0 BY-SA版权

分类专栏： javaScript实战篇文章标签： vue.js javascript

本文链接：https://blog.youkuaiyun.com/qq_44472790/article/details/113573669

javaScript实战篇专栏收录该内容

49 篇文章

订阅专栏

本文介绍了一种使用JavaScript中的reduce方法来处理包含重复ID的数据数组的方法。通过创建一个临时对象来跟踪每个唯一ID，确保最终数组中不会存在相同ID的多个条目。这种方法对于清理数据集并确保数据唯一性非常有效。

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

     const arr =[
      {
     	name:"老王",
     	id:1,
     	age:45
     	},
     	{
     	name:"老李",
     	id:2,
     	age:40
     	},
     	{
     	name:"李",
     	id:2,
     	age:35
     	},
     	]
	   var obj = {};
	   //reduce有两个参数 第一个array代表的是[]   第二个参数data代表原数据
        arr  =  arr.reduce(function (array, data) {
          obj[data.id] ? '' : obj[data.id] = true && array.push(data);
          return array;
        }, []);
		
		//返回集合是一个数组集合
		console.log(arr)
		/*
		[
	      {
	     	name:"老王",
	     	id:1,
	     	age:45
	     	},
	     	{
	     	name:"老李",
	     	id:2,
	     	age:40
	     	}
     	]


		*/