JavaScript JSON数组根据id去重

最新推荐文章于 2025-08-05 15:28:01 发布

瑞晟技术服务中心-耿瑞

最新推荐文章于 2025-08-05 15:28:01 发布

阅读量221

点赞数

CC 4.0 BY-SA版权

文章标签： javascript

本文链接：https://blog.youkuaiyun.com/weixin_45966674/article/details/127611276

博客介绍了在JavaScript中处理JSON数组重复数据的方法。一是定义拥有重复数据的JSON数组，编写方法过滤重复数据；二是在添加数据时，编写函数判断若有重复则不添加，以此完成重复数据的处理。

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

我们先来定义一个拥有重复数据的json数组

var arr = [{
	id: '1',
	 name: '小明'
}, {
	 id: '2',
	 name: '小昭'
}, {
	 id: '2',
	 name: '小昭'
}, {
	 id: '3',
	 name: '小美'
}, {
	id: '3',
	name: '小美'
}];

可以看到我们这二三条是重复的 id都为2 四五条又是重复的 id都为3

那么我们写一个方法来过滤掉重复的数据

function filterArray(ArrObj){
	var obj = {};
	 ArrObj = ArrObj.reduce(function (item, next) {
	   obj[next.id] ? '' : obj[next.id] = true && item.push(next);
	   return item;
	 }, []);
	 return ArrObj
}

然后我们来调用这个方法

console.log(filterArray(arr))

运行结果如下
在这里插入图片描述
此时我们就完成了重复数据的过滤

或者是在添加时判断如果有重复的就不添加了写一个函数演示

function filterArray(ArrObj){
   var obj = [];
  ArrObj.map(item =>{
    if (!obj.some(e => e.id == item.id)) {
      obj.push(item);
    }
  })
  return obj
}