js查询数组中指定键值并修改元素

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

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

2. 查找并修改元素

使用findIndex方法查找元素的索引，然后使用splice方法将该元素替换成新的元素。例如，修改id为2的元素的name属性为'd':

let index = arr.findIndex(item => item.id === 2);  // 查找id为2的元素索引
if (index !== -1) {  // 如果找到了
  arr.splice(index, 1, {id: 2, name: 'd'});  // 使用splice方法替换元素
}

以上代码中，使用findIndex方法查找id为2的元素的索引，如果找到了，就使用splice方法将该元素替换成{id: 2, name: 'd'}。

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

如果查找的元素不存在，findIndex方法会返回-1，需要进行判断。例如，修改id为4的元素的name属性为'e':

let index = arr.findIndex(item => item.id === 4);  // 查找id为4的元素索引
if (index !== -1) {  // 如果找到了
  arr.splice(index, 1, {id: 4, name: 'e'});  // 使用splice方法替换元素
} else {  // 如果没找到
  arr.push({id: 4, name: 'e'});  // 添加新元素
}

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