如何通过动态路径字符串访问JSObject的嵌套子元素？

这情况我太熟了！当你拿到的是带点的路径字符串时，直接用方括号访问肯定不行——JS会把整个字符串当成一个单独的键名去找，自然找不到。核心思路就是把这个路径拆成一个个层级，然后逐层遍历对象就行，给你两种实用的实现方式：

方式一：手写遍历函数（清晰易懂） #

这种方式逻辑直白，适合新手理解，还能灵活处理异常情况：

function getNestedValue(obj, path) {
  // 把路径按点分割成键数组
  const keys = path.split('.');
  let current = obj;
  
  for (const key of keys) {
    // 如果当前层级不存在，直接返回undefined（或者根据需求抛错）
    if (!current || !(key in current)) {
      return undefined;
    }
    current = current[key];
  }
  
  return current;
}

// 测试一下
const jsonElement = { name:"name", subElement: { subElementName: "nameSubElement" } };
const level1 = "name";
const level2 = "subElement.nameSubElement";

console.log(getNestedValue(jsonElement, level1)); // 输出 "name"
console.log(getNestedValue(jsonElement, level2)); // 输出 "nameSubElement"

方式二：用Array.reduce()（简洁优雅） #

如果喜欢更简洁的代码，reduce方法可以一行搞定核心逻辑：

const getNestedValue = (obj, path) => 
  path.split('.').reduce((current, key) => 
    current?.[key], obj);

// 同样测试
console.log(getNestedValue(jsonElement, level2)); // 输出 "nameSubElement"

这里用到了可选链操作符?.，如果中途某个层级不存在，会直接返回undefined，避免报错，非常实用。

额外提醒 #

• 如果你的路径里可能包含带点的键名（比如键本身叫"user.name"这种特殊情况），那按点分割就会出错，这种场景得换分隔符或者做特殊处理，但一般业务里很少碰到。
• 如果需要处理数组索引（比如路径是"subElements.0.name"），上面的方法也适用，因为数组本质也是对象，索引就是它的键名。

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