JavaScript如何使用reduce方法将嵌套命名空间对象提取为单个平面对象

全程不使用数组索引取值，仅通过reduce遍历匹配目标命名空间，直接拿到无嵌套的平面对象：

基础实现代码 #

const myObject = {
  name1: {
    name: "bill",
    settings: [1, 2, 5]
  },
  name2: {
    name: "frank",
    settings: [5, 1, 19]
  }
};

const flatResult = Object.entries(myObject).reduce((acc, [curKey, curVal]) => {
  // 匹配到目标命名空间key时，直接把对应对象值作为累计结果返回
  return curKey === 'name2' ? curVal : acc;
}, {});

console.log(flatResult);
// 输出结果：{ name: 'frank', settings: [5,1,19] }

实现说明 #

• 整个流程没有使用任何索引定位的操作，不存在Object.entries(...)[1]这类硬依赖数组位置的代码
• reduce的初始累计值设置为空对象，即使遍历完所有键都没匹配到目标命名空间，也不会抛出类型错误
• 最终返回的结果本身就是不带外层命名空间的平面对象，不需要额外做拆包处理

扩展通用版本 #

如果需要反复提取不同命名空间的内容，可以把目标键抽成参数封装成通用方法：

const getNamespaceFlatValue = (source, targetKey) => {
  return Object.entries(source).reduce((acc, [key, value]) => {
    return key === targetKey ? value : acc;
  }, {});
};

// 直接传入要提取的命名空间名即可
const name2Res = getNamespaceFlatValue(myObject, 'name2');

这种按键名匹配的实现，相比硬索引取值的方式更不容易出问题：不管后续对象里的键顺序怎么调换，只要键名存在，就能正确拿到对应的值，不会因为键的位置变动取错内容。

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