当前位置: 首页 > news >正文

js两个对象数组合并。并且去掉里边某个属性相同的对象

要合并两个JavaScript对象数组并去除其中某个属性相同的对象,您可以使用concat()方法将两个数组合并,然后使用reduce()方法进行筛选。

以下是一个示例代码,演示了如何合并两个对象数组并去除其中某个属性相同的对象

const array1 = [{ id: 1, name: 'John' }, { id: 2, name: 'Alice' }];
const array2 = [{ id: 2, name: 'Bob' }, { id: 3, name: 'Jane' }];const mergedArray = array1.concat(array2).reduce((acc, obj) => {const found = acc.find(item => item.id === obj.id);if (!found) {acc.push(obj);}return acc;
}, []);console.log(mergedArray);

在上述示例中,我们首先使用concat()方法将两个对象数组array1array2合并成一个新数组。然后,我们使用reduce()方法对合并后的数组进行筛选。

reduce()方法的回调函数中,我们使用find()方法来查找已经存在于累加器数组acc中的对象是否具有相同的id属性。如果没有找到相同的id属性,我们将当前对象obj添加到累加器数组中。

最后,我们将去重后的合并数组打印到控制台,即可看到结果。

请注意,这种方法会根据指定的属性进行去重操作,但是它只会保留第一个出现的对象,后续出现的对象将被忽略。如果您需要保留最后出现的对象或者其他去重规则,请根据具体需求进行相应的调整。

http://www.lryc.cn/news/268041.html

相关文章:

  • 创建重试机制
  • [c]统计数字
  • 采用ODP.NET 批量进行数据同步
  • 【vue滚动条插件vuescroll】【vue自定义滚动条】
  • python 1200例——【8】冒泡排序
  • 在PyTorch中设置随机数生成器的种子值
  • 用手机做无人直播怎么做?
  • 【zookeeper经典应用实战】
  • 12月25日作业
  • React学习计划-React16--React基础(五)脚手架创建项目、todoList案例、配置代理、消息订阅与发布
  • C语言中switch语句中的case后()
  • 【RocketMQ笔记02】安装RocketMQ可视化工具rocketmq-dashboard
  • AutoSAR(基础入门篇)2.2-AutoSAR架构中的Ports类型与Runnables可运行实体
  • 【Unity】GPU骨骼动画 渲染性能开挂 动画合批渲染 支持武器挂载
  • 打开相机失败 出现错误的原因
  • 什么是阿里云负载均衡SLB?
  • Mybatis三 | 动态SQL
  • 信号与槽QT4和QT5的区别
  • K8S 搜集java应用pod重启前现场 —— 筑梦之路
  • php5.6安装mongo扩展
  • 简析SoBit 跨链桥图文教程
  • C#与php自定义数据流传输
  • redis和数据库的同步问题
  • Flink系列之:深入理解ttl和checkpoint,Flink SQL应用ttl案例
  • Wails中js调用go函数(1种go写法,2种js调用方法)
  • 【我与java的成长记】之面向对象的初步认识
  • 面试题之二HTTP和RPC的区别?
  • 初试Kafka
  • SuperMap Hi-Fi 3D SDK for Unity基础开发教程
  • Upload-lab(pass1~2)