如何通过路径字符串程序化遍历并替换JavaScript对象属性值？

先看你的示例数据：

let tObj = {
     "name" : "testName",
     "location" : {
        "name": "nextLevelName",
        "address" : {
            "street" : "deep street"
        }
    }
}

let id = "location-address-street";
let newValue = "another deep street";

你提到的递归思路完全可行，另外也可以用迭代方式避免深层嵌套导致的栈溢出问题，下面两种方案都给你：

方案一：递归实现 #

function setDeepProperty(obj, pathStr, value) {
  // 把连字符分隔的路径拆分为数组
  const pathSegments = pathStr.split('-');
  
  function recurse(currentObj, segments) {
    const currentKey = segments[0];
    // 到达最后一段路径，直接赋值
    if (segments.length === 1) {
      currentObj[currentKey] = value;
      return;
    }
    // 若当前层级属性不存在，自动创建空对象（可根据需求调整）
    if (!currentObj[currentKey]) {
      currentObj[currentKey] = {};
    }
    // 递归进入下一层级
    recurse(currentObj[currentKey], segments.slice(1));
  }
  
  recurse(obj, pathSegments);
}

// 调用测试
setDeepProperty(tObj, id, newValue);
console.log(tObj.location.address.street); // 输出 "another deep street"

递归逻辑说明 #

• 先将路径字符串拆分为数组，比如"location-address-street"转为["location", "address", "street"]
• 递归函数逐层匹配路径段：如果是最后一段，直接修改属性值；否则进入下一层，遇到不存在的属性时自动创建空对象（也可改为抛出错误提示）

方案二：迭代实现（更稳妥） #

递归在处理极深层路径时可能触发栈溢出，迭代方式更适合复杂场景：

function setDeepProperty(obj, pathStr, value) {
  const pathSegments = pathStr.split('-');
  let current = obj;
  
  // 遍历到倒数第二个路径段，逐层进入对象深层
  for (let i = 0; i < pathSegments.length - 1; i++) {
    const key = pathSegments[i];
    // 若当前属性不存在，自动创建空对象
    if (!current[key]) {
      current[key] = {};
    }
    current = current[key];
  }
  
  // 给最后一段路径对应的属性赋值
  current[pathSegments[pathSegments.length - 1]] = value;
}

// 调用测试
setDeepProperty(tObj, id, newValue);
console.log(tObj.location.address.street); // 输出 "another deep street"

迭代逻辑说明 #

• 同样先拆分路径数组
• 循环遍历路径的前n-1个节点，逐层深入对象结构，遇到空属性则创建空对象
• 最后直接修改最后一个节点对应的属性值

可选优化：路径不存在时抛出提示 #

如果不想自动创建不存在的层级，而是希望路径不合法时抛出错误，可修改代码：

function setDeepProperty(obj, pathStr, value) {
  const pathSegments = pathStr.split('-');
  let current = obj;
  
  for (let i = 0; i < pathSegments.length - 1; i++) {
    const key = pathSegments[i];
    // 检查当前路径是否存在且为对象类型
    if (!current[key] || typeof current[key] !== 'object') {
      throw new Error(`路径不存在：${pathSegments.slice(0, i+1).join('-')}`);
    }
    current = current[key];
  }
  
  const finalKey = pathSegments[pathSegments.length - 1];
  if (!(finalKey in current)) {
    throw new Error(`属性不存在：${pathStr}`);
  }
  
  current[finalKey] = value;
}

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