如何使用字符串/数组访问嵌套对象值并实现编辑？

刚好遇到过类似的场景，给你两个实用的解决方案，不管你用现成的路径数组还是路径字符串都能轻松搞定：

方法一：利用路径数组直接定位并修改 #

你已经有了现成的路径数组thearray，我们可以写一个通用函数，通过遍历数组一步步深入嵌套对象，最终定位到目标属性并修改它：

function setNestedProperty(obj, pathArray, newValue) {
  let current = obj;
  // 遍历到倒数第二个节点，停在目标属性的父对象上
  for (let i = 0; i < pathArray.length - 1; i++) {
    const key = pathArray[i];
    // 把字符串形式的数组索引转成数字（比如'0'转成0）
    const accessKey = isNaN(Number(key)) ? key : Number(key);
    
    // 如果中途找不到对应节点，提前返回避免报错
    if (current[accessKey] === undefined) {
      console.error('路径不存在');
      return false;
    }
    current = current[accessKey];
  }
  
  // 处理最后一个键，修改目标属性的值
  const finalKey = pathArray[pathArray.length - 1];
  const finalAccessKey = isNaN(Number(finalKey)) ? finalKey : Number(finalKey);
  current[finalAccessKey] = newValue;
  return true;
}

使用示例： #

// 调用函数修改目标text值
setNestedProperty(theobject, thearray, "这是修改后的文本！");

// 验证结果
console.log(theobject[0]["more"][0]["more"][0]["text"]); // 输出："这是修改后的文本！"

方法二：先解析路径字符串为数组再操作 #

如果你只有路径字符串thestring，可以先用正则把它解析成和thearray一样的路径数组，再用上面的函数：

function parsePathString(pathStr) {
  // 匹配所有[xxx]格式的片段，提取里面的键/索引
  const pathMatches = pathStr.match(/\[([^\]]+)\]/g);
  if (!pathMatches) return [];
  
  // 去掉[]和引号，得到纯净的键数组
  return pathMatches.map(item => {
    return item.slice(1, -1).replace(/["']/g, '');
  });
}

使用示例： #

// 解析字符串得到路径数组
const parsedPathArray = parsePathString(thestring);
// 调用修改函数
setNestedProperty(theobject, parsedPathArray, "通过字符串路径修改的文本！");

为什么直接theobject[thestring]不行？ #

因为JavaScript对象的属性访问器[]只接受单个键名/索引，它不会自动把完整的路径字符串（比如'[0]["more"][0]["more"][0]["text"]'）解析成嵌套的访问路径，所以必须手动拆分路径，一步步深入对象结构才能定位到目标属性。

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