如何通过复杂属性名字符串获取对象子对象的属性值？

当然可以实现！你应该是试过直接用 obj["subObj.value"] 这种方式但没成功对吧？这是因为JavaScript会把整个字符串当成单个属性名去查找，而不会自动帮你逐层解析嵌套结构。下面给你两种靠谱的解决方案：

一、原生JavaScript手写解析函数 #

自己写个小函数就能搞定逻辑，灵活又不用依赖外部库：

function getNestedValue(obj, path) {
  // 把路径字符串按点分割成数组，比如"subObj.value"变成["subObj", "value"]
  return path.split('.').reduce((currentLayer, key) => {
    // 逐层遍历，如果当前层级存在，就取下一层的属性；否则返回undefined避免报错
    return currentLayer && currentLayer[key] !== undefined ? currentLayer[key] : undefined;
  }, obj); // 初始值从传入的对象开始
}

// 实际使用示例
const myObj = {
  subObj: {
    value: '这就是你要的嵌套值！'
  }
};

console.log(getNestedValue(myObj, 'subObj.value')); // 输出：这就是你要的嵌套值！

这个函数还能处理中间层级不存在的情况，比如你传'subObj.nonexistentKey'，它会返回undefined而不是直接抛出错误，容错性不错。

二、用工具库简化操作 #

如果你的项目已经在用工具库（比如Lodash），直接用现成的方法更省心。比如Lodash的_.get()方法，不仅能解析路径，还能设置默认值：

// 先确保项目引入了Lodash
const _ = require('lodash');

const myObj = {
  subObj: {
    value: '工具库搞定更快捷！'
  }
};

// 正常获取值
console.log(_.get(myObj, 'subObj.value')); // 输出：工具库搞定更快捷！

// 路径不存在时返回默认值
console.log(_.get(myObj, 'subObj.notExist', '默认内容')); // 输出：默认内容

小提醒 #

如果你的对象属性名本身包含.（比如obj["sub.obj"].value），那用.分割路径就会出错。这种特殊场景可以换用其他分隔符（比如/），或者在函数里做转义处理，不过大部分日常开发场景用上面的方法就足够啦。

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