如何动态构建对象路径？JSON对象遍历路径构建问题

你遇到的核心问题是：把对象属性路径拼成字符串后，错误地遍历了字符串本身，而非访问对应的对象属性。咱们一步步拆解并解决这个问题。

你的代码问题分析 #

你代码里的text1是一个字符串（比如"data.hyperParamsmode"），当用for(var key in text1)遍历它时，JS会把字符串当成类数组对象，遍历的是每个字符的索引，所以输出的是字符串的单个字符——这显然不是你想要的结果。

正确的处理方式 #

方式1：直接用括号表示法访问属性

既然已经拿到了key1（也就是"mode"），直接用括号语法访问对应的子对象即可，完全不需要拼接字符串：

var data= { 
  "algoName": "textClassification", 
  "hyperParams": { 
    "mode": { 
      "data_type": "string", 
      "default_value": "supervised", 
      "required": true, 
      "description": "The training mode", 
      "allowedValues": [ "supervised", "unsupervised" ] 
    } 
  } 
};

var key1;
for(var key in data.hyperParams) { 
  key1 = key; 
}

// 直接访问目标子对象，跳过字符串拼接步骤
var targetObj = data.hyperParams[key1];
// 遍历子对象的属性
for(var prop in targetObj) { 
  console.log(`${prop}: ${targetObj[prop]}`);
}

运行这段代码，就能正确输出mode对象下的所有键值对了。

方式2：通用动态路径访问工具函数

如果你的场景更复杂，需要处理多层级的动态路径（比如字符串形式的"hyperParams.mode.default_value"），可以写一个工具函数来解析路径并获取对应值：

function getNestedValue(obj, path) {
  // 把路径按.分割成键数组
  const keys = path.split('.');
  // 逐层遍历对象，获取目标值
  return keys.reduce((current, key) => {
    return current && current[key] ? current[key] : undefined;
  }, obj);
}

// 使用示例：获取mode对象
const modeObj = getNestedValue(data, "hyperParams.mode");
for(var prop in modeObj) {
  console.log(`${prop}: ${modeObj[prop]}`);
}

// 直接获取深层属性
const defaultValue = getNestedValue(data, "hyperParams.mode.default_value");
console.log(defaultValue); // 输出 "supervised"

这个函数能帮你灵活处理任意层级的动态路径访问，彻底避免手动拼接字符串的错误。

额外优化提示 #

• 遍历对象时，建议加上hasOwnProperty检查，避免遍历到原型链上的无关属性：

  for(var prop in targetObj) { 
    if(targetObj.hasOwnProperty(prop)) {
      console.log(`${prop}: ${targetObj[prop]}`);
    }
  }
  

• 如果是现代JS环境，更推荐用Object.entries()来遍历，语法更清晰：

  Object.entries(targetObj).forEach(([prop, value]) => {
    console.log(`${prop}: ${value}`);
  });
  

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