如何更优地按指定路径提取不同结构对象的指定部分？

问题背景 #

我有一个嵌套结构的多语言文本存储对象，需要实现函数允许调用者通过指定路径获取对象的部分内容。目前已实现可行的getPartialObj函数，希望找到更简洁高效的优化方案。

原代码及输出 #

原数据结构 #

const myTexts = {
  texts: {  
    en: {
      one: "one",
      two: "two",
      three: "three"
    },
    de: {
      one: "eins",
      two: "zwei",
      three: "drei"
    },
    fr: {
      one: "un",
      two: "deux ",
      three: "trois"
    }, 
    es: {
      one: "uno",
      two: "dos",
      three: "tres"
    }
  }
}

原实现函数 #

function getPartialObj(obj, searchpath) {
  let returnvalue = undefined
  searchpath.forEach((value, index) => {
        for (const k in obj) {
          if (k === searchpath[index]) {
            console.log('found', k, "at index", index)
            obj = obj[k]
            if(index == searchpath.length - 1) {
              returnvalue = obj;
              break;
            }
          }
        }
    });
   return returnvalue;
}

// 调用示例
let searchpath  = ['texts', 'en']
const partialObj = getPartialObj(myTexts, searchpath)
if (partialObj !== undefined) {
    console.log("ready to work with ", partialObj);
}

原输出 #

ready to work with  { one: "one", two: "two", three: "three" }

原实现的问题 #

1. 冗余遍历：用for...in循环匹配路径项完全没必要，直接通过obj[路径项]即可访问，无需遍历所有键。
2. 无法提前终止：forEach循环无法中途跳出，即使路径已匹配完成，仍会走完整个循环。
3. 错误处理缺失：若路径中某一项不存在，后续访问会抛出Cannot read property 'xxx' of undefined错误。

优化方案 #

方案1：使用Array.reduce实现（推荐） #

reduce可高效遍历路径并逐步深入对象，同时轻松处理路径不存在的情况，代码简洁无冗余：

function getPartialObj(obj, searchpath) {
  return searchpath.reduce((current, pathItem) => {
    // 若当前值不是对象，直接返回undefined避免报错
    if (!current || typeof current !== 'object') {
      return undefined;
    }
    return current[pathItem];
  }, obj);
}

// 调用示例
const searchpath = ['texts', 'en'];
const partialObj = getPartialObj(myTexts, searchpath);
if (partialObj) {
  console.log("可正常使用该对象：", partialObj);
}

方案2：递归实现 #

递归适合更复杂场景（比如路径包含数组索引），逻辑清晰直观：

function getPartialObj(obj, searchpath) {
  // 路径为空时返回当前对象
  if (searchpath.length === 0) {
    return obj;
  }
  const [first, ...rest] = searchpath;
  // 若当前项不存在或非对象，返回undefined
  if (!obj || typeof obj !== 'object' || !(first in obj)) {
    return undefined;
  }
  return getPartialObj(obj[first], rest);
}

方案3：结合可选链操作符（ES2020+） #

利用现代JS语法实现极致简洁，可选链自动处理中间值为undefined的情况：

function getPartialObj(obj, searchpath) {
  return searchpath.reduce((acc, key) => acc?.[key], obj);
}

优化后优势 #

• 代码简洁逻辑清晰，无冗余遍历操作
• 自带错误处理，路径不存在时返回undefined而非报错
• 性能更优，无需额外循环匹配键名

内容的提问来源于stack exchange，提问作者A. L