如何查找并修改数组中API指定的目标字符串值？

下面是几种实用的实现方法，可根据你的需求场景选择：

方法1：直接修改原数组（基础版） #

通过indexOf()定位目标元素的索引，确认存在后直接修改对应位置的值：

const arr = ["a","b","c","d","e"];
const target = "b"; // API返回的目标字符串
const replaceWith = "d"; // 要替换成的值

const targetIndex = arr.indexOf(target);
if (targetIndex !== -1) {
  arr[targetIndex] = replaceWith;
}

console.log(arr); // 输出: ["a","d","c","d","e"]

方法2：灵活匹配修改 #

如果后续需要更复杂的匹配逻辑（比如匹配包含特定字符的元素），可以用findIndex()实现：

const arr = ["a","b","c","d","e"];
const target = "b";
const replaceWith = "d";

const targetIndex = arr.findIndex(item => item === target);
if (targetIndex !== -1) {
  arr[targetIndex] = replaceWith;
}

console.log(arr); // 输出: ["a","d","c","d","e"]

方法3：生成新数组（不修改原数组） #

如果需要保留原数组的原始数据，用map()生成新数组，原数组保持不变：

const arr = ["a","b","c","d","e"];
const target = "b";
const replaceWith = "d";

const newArr = arr.map(item => item === target ? replaceWith : item);

console.log(newArr); // 输出: ["a","d","c","d","e"]
console.log(arr); // 原数组仍为: ["a","b","c","d","e"]

场景说明 #

• 方法1、2会直接修改原数组，适合不需要保留原始数据的场景
• 方法3返回新数组，更适合需要保留原数据的业务场景

内容的提问来源于stack exchange，提问作者Questioner