如何让自定义getNested函数支持JavaScript嵌套对象的数组键访问？

你的getNested函数在纯对象嵌套场景下表现得很靠谱，但遇到带数组索引的路径（比如posts[0]）就失效了——因为它没法识别这种“键名+索引”的组合格式。我们可以通过给函数加一层路径解析逻辑，让它同时兼容对象键和数组索引。

修改后的函数实现 #

function getNested(obj, ...args) {
  return args.reduce((currentObj, level) => {
    // 保持原函数的短路特性，避免访问undefined/null的属性报错
    if (!currentObj) return currentObj;

    // 用正则匹配「键名[索引]」的格式，比如 'posts[0]'
    const arrayPathMatch = level.match(/^(.+)\[(\d+)\]$/);
    if (arrayPathMatch) {
      const [, arrayKey, indexStr] = arrayPathMatch;
      const arrayIndex = parseInt(indexStr, 10);
      // 先取数组，再取对应索引的元素，同样保留短路判断
      return currentObj[arrayKey] && currentObj[arrayKey][arrayIndex];
    }

    // 普通对象键，按原逻辑处理
    return currentObj[level];
  }, obj);
}

代码逻辑拆解 #

1. 短路安全机制：和原函数一致，只要中间某一步得到undefined或null，就直接返回，避免后续操作抛出错误。
2. 数组路径解析：用正则表达式/^(.+)\[(\d+)\]$/匹配带索引的路径，提取出数组的键名（比如posts）和数字索引（比如0）。
3. 数组元素访问：先获取目标数组，再通过解析后的数字索引访问对应元素，确保索引是数字类型避免意外问题。

测试验证 #

用你提供的测试数据跑一遍：

const data = { 
  title: "hello", 
  user: { 
    name:"User name", 
    posts: [ { "title": "Post title" } ] 
  } 
};

console.log(getNested(data, 'user', 'posts[0]', 'title')); // 输出 "Post title"

再试试更复杂的嵌套场景：

const complexData = {
  team: {
    members: [
      { name: "Alice", articles: [{ title: "JS Tips" }, { title: "React Tricks" }] },
      { name: "Bob" }
    ]
  }
};

console.log(getNested(complexData, 'team', 'members[0]', 'articles[1]', 'title')); // 输出 "React Tricks"
console.log(getNested(complexData, 'team', 'members[1]', 'articles[0]')); // 输出 undefined（Bob没有articles数组）

可选优化 #

如果需要支持带特殊字符的键名（比如user-posts[2]），可以微调正则表达式，让它兼容更多键名格式：

// 匹配包含特殊字符的键名，比如 'user-posts[2]'
const arrayPathMatch = level.match(/^(.+?)\[(\d+)\]$/);

这样你的函数就能完美处理对象和数组混合的嵌套结构了！

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