JavaScript：通过索引数组定位嵌套数组元素并实现替换

嘿，这个需求其实挺常见的，咱们用两种直观的方法来实现，保证你一看就懂！

方法一：循环逐层遍历（最易理解） #

核心思路就是跟着索引数组的路径，一步步钻进嵌套数组的层级，最后在目标位置替换值。代码如下：

var a = [[1, 2, [6, 7, 8]], 4, 5];
var index = [0, 2, 2];
var targetValue = "hello";

// 先拿到数组的顶层引用
let currentLayer = a;

// 遍历索引数组，停在倒数第二个索引（因为最后一个是要替换的位置）
for (let i = 0; i < index.length - 1; i++) {
  currentLayer = currentLayer[index[i]];
}

// 现在currentLayer就是目标元素所在的父级数组，直接替换对应位置
currentLayer[index[index.length - 1]] = targetValue;

console.log(a); // 输出结果：[[1, 2, [6, 7, "hello"]], 4, 5]

简单解释下：

• currentLayer一开始指向整个数组a，每一次循环都根据索引走到下一层嵌套结构；
• 循环结束后，currentLayer指向的是[6,7,8]这个数组，最后我们把它的第2个位置（对应索引最后一项2）换成"hello"就搞定了。

方法二：递归实现（函数式风格） #

如果你更喜欢递归的写法，也可以用这种方式，逻辑和循环是一样的，只是用递归逐层深入：

function replaceNestedItem(arr, indices, newValue) {
  // 如果只剩最后一个索引，直接替换当前数组的对应位置
  if (indices.length === 1) {
    arr[indices[0]] = newValue;
    return;
  }
  // 取出第一个索引，递归处理下一层数组
  const [firstIndex, ...remainingIndices] = indices;
  replaceNestedItem(arr[firstIndex], remainingIndices, newValue);
}

// 调用函数
var a = [[1, 2, [6, 7, 8]], 4, 5];
var index = [0, 2, 2];
replaceNestedItem(a, index, "hello");

console.log(a); // 同样得到目标结果

小提示 #

实际项目里最好加个容错判断，比如检查每一层的currentLayer是否存在、索引是否合法，避免因为无效索引导致报错。比如在循环里可以加：

if (!currentLayer || !(index[i] in currentLayer)) {
  console.error("无效的索引路径！");
  return;
}

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