如何针对性替换数组里的某几个对象

最新推荐文章于 2023-06-30 17:37:37 发布

转载最新推荐文章于 2023-06-30 17:37:37 发布 · 754 阅读

2 ·

CC 4.0 BY-SA版权

原文链接：https://juejin.im/post/5b163e3c6fb9a01e76290ace

文章标签：

#前端 #javascript #ViewUI

本文介绍了一种使用JavaScript实现数组元素替换的方法。通过遍历原始数组并查找需要更新的对象，最终生成一个新数组，展示了如何结合map和find进行数据操作。

需求：
把oldData里与newData相同的项替换成newData所对应的，如果newData里没有跟oldData相同的项就不替换

var oldData = [
    { name:"b",state:"no" },
    { name:"d",state:"no" },
    { name:"e",state:"no" },
    { name:"f",state:"no" }
]
var newData = [
    { name:"a",state:"yes" },
    { name:"b",state:"yes" },
    { name:"f",state:"yes" }
]
复制代码

解决方案：

var result = []
result = oldData.map((item,index)=>{
    let update = newData.find((el,i)=>{ return el.name===item.name});
    return update?update:item
})
console.log(result)
// 合并后的结果要求如下
// [
//     { name:"b",state:"yes" },
//     { name:"d",state:"no" },
//     { name:"e",state:"no" },
//     { name:"f",state:"yes" }
// ]
复制代码