js两个数组对比，相同键名并修改元素方法

假设有两个原始数组arr1和arr2，其中每个元素都有一个id和name属性：

let arr1 = [
  {id: 1, name: 'a'},
  {id: 2, name: 'b'},
  {id: 3, name: 'c'}
];

let arr2 = [
  {id: 1, value: 100},
  {id: 2, value: 200},
  {id: 4, value: 400}
];

2. 对比数组并修改元素

使用forEach方法遍历arr1数组，使用Object的keys方法获取每个元素的id属性值，在arr2数组中查找该id对应的元素，如果找到了，则将arr1数组中的name属性替换成arr2数组中的value属性。例如：

arr1.forEach(item => {
  let id = item.id;
  let index = arr2.findIndex(subItem => subItem.id === id);
  if (index !== -1) {
    item.name = arr2[index].value;
  }
});

以上代码中，使用forEach方法遍历arr1数组，使用findIndex方法查找arr2数组中id属性值为item.id的元素的索引，如果找到了，则将arr1数组中对应元素的name属性替换成arr2数组中对应元素的value属性。

3. 查找的元素不存在的情况

如果查找的元素在arr2数组中不存在，需要进行判断。例如，将arr1数组中的id为4的元素的name属性替换成value属性：

let id = 4;
let index = arr2.findIndex(item => item.id === id);
if (index !== -1) {
  arr1.forEach(item => {
    if (item.id === id) {
      item.name = arr2[index].value;
    }
  });
}

本文来自投稿，不代表站三界导航立场，如若转载，请注明出处：https://www.zhansanjie.com/article/details/40352.html