如何使用带点路径的变量访问嵌套对象属性

这问题我在项目里碰到过好多次了，其实不用依赖第三方库，用原生JavaScript就能完美解决！下面分享几种实用的方案，从基础到进阶都有：

1. 最推荐：split() + reduce() 组合（安全又灵活） #

这是生产环境里最常用的方法，既不会有安全风险，还能轻松处理边界情况（比如路径不存在、中间节点为null/undefined）。

核心思路是：把路径字符串按.拆成键名数组，然后用reduce一步步遍历数组，从根对象开始逐层深入，直到拿到目标值。

示例代码：

const data = { personal: { sport: "Football", info: { age: 25 } } };

// 封装成通用函数
const getNestedValue = (obj, path) => {
  return path.split('.').reduce((currentNode, key) => {
    // 处理中间节点不存在的情况，避免抛出TypeError
    return currentNode && currentNode[key] !== undefined ? currentNode[key] : undefined;
  }, obj);
};

// 测试用例
console.log(getNestedValue(data, "personal.sport"));       // 输出: "Football"
console.log(getNestedValue(data, "personal.info.age"));    // 输出: 25
console.log(getNestedValue(data, "personal.hobby"));       // 输出: undefined（路径不存在时返回undefined）

这个函数的好处是：

• 完全原生，不需要额外依赖
• 自动处理路径不存在的情况，不会报错
• 逻辑清晰，容易扩展

2. 慎用：eval 方法（简单但有安全风险） #

如果你只是在本地测试或者路径完全可信，用eval可以快速实现，但强烈不推荐在生产环境使用——如果路径字符串来自用户输入，可能会被注入恶意代码，导致安全漏洞。

示例代码：

const getValueByEval = (obj, path) => {
  try {
    // 动态构造访问语句
    return eval(`obj.${path}`);
  } catch (error) {
    // 路径无效时返回undefined
    return undefined;
  }
};

// 测试
console.log(getValueByEval(data, "personal.sport")); // 输出: "Football"

再次提醒：除非你100%确定路径字符串是安全的，否则别用这个方法！

3. 进阶：支持数组索引的扩展版本 #

如果你的路径字符串里包含数组索引（比如"personal.friends[0].name"），可以先把索引格式转换成点语法，再用上面的reduce方法处理：

示例代码：

const getNestedValueWithArray = (obj, path) => {
  // 把类似"friends[0]"的格式转换成"friends.0"
  const normalizedPath = path.replace(/\[(\d+)\]/g, '.$1');
  // 复用之前的reduce逻辑
  return normalizedPath.split('.').reduce((currentNode, key) => {
    return currentNode && currentNode[key] !== undefined ? currentNode[key] : undefined;
  }, obj);
};

// 测试带数组的对象
const dataWithArray = { personal: { friends: [{ name: "Alice" }, { name: "Bob" }] } };
console.log(getNestedValueWithArray(dataWithArray, "personal.friends[0].name")); // 输出: "Alice"

总结 #

• 日常开发优先用第一种split()+reduce()的方法，安全可靠
• 避免使用eval，尤其是处理不可信的路径字符串时
• 需要支持数组索引的话，先做路径格式化再处理

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