能否用reduce方法实现嵌套对象数组结构转换并提升效率？

需求回顾 #

原始嵌套数组结构：

[
  {
    "fields": [{
      "field-1": {"id": "field-1", "value": "a1"},
      "field-2": {"id": "field-2", "value": "a2"},
      "field-3": {"id": "field-3", "value": "a3"}
    }]
  },
  {
    "fields": [{
      "field-1": {"id": "field-1", "value": "b1"},
      "field-2": {"id": "field-2", "value": "b2"},
      "field-3": {"id": "field-3", "value": "b3"}
    }]
  }
]

目标转换结构：

[
  {"field-1": "a1", "field-2": "a2", "field-3": "a3"},
  {"field-1": "b1", "field-2": "b2", "field-3": "b3"}
]

用reduce实现转换 #

可以通过嵌套reduce完成结构转换，代码如下：

const originalArray = [/* 原始数组数据 */];

const transformedArray = originalArray.reduce((acc, current) => {
  // 取出当前项中fields数组的第一个对象（你的数据里fields固定长度为1）
  const fieldMap = current.fields[0];
  // 内层reduce处理单个field对象，提取value
  const formattedItem = Object.entries(fieldMap).reduce((obj, [key, { value }]) => {
    obj[key] = value;
    return obj;
  }, {});
  acc.push(formattedItem);
  return acc;
}, []);

代码逻辑拆解

1. 外层reduce遍历原始数组，初始累加器acc是一个空数组，用来存放转换后的结果。
2. 对数组中的每一项，先取出fields数组里的第一个对象（因为你的数据结构中fields始终是长度为1的数组）。
3. 内层reduce遍历这个field对象的键值对（用Object.entries把对象转成[key, value]数组），把每个键对应的value值提取出来，组装成新的对象。
4. 把组装好的新对象推入累加器acc，最后返回acc作为最终结果。

效率对比：reduce vs 普通遍历 #

从性能角度来说，reduce和普通的for循环、forEach遍历没有本质差异：

• 三者底层都是对数组进行线性遍历，时间复杂度都是O(n)（n为数组元素个数）。
• 只有在处理百万级以上的超大规模数组时，for循环可能因为减少了函数调用开销，会略快一点；但reduce和普通遍历的性能差距极小，在绝大多数业务场景下完全可以忽略。

reduce的优势在于写法更紧凑、逻辑更连贯，能把"遍历-转换-收集结果"的逻辑封装在一起，可读性比冗余的多层循环更好，而不是效率更高。

更简洁的替代写法 #

如果你觉得嵌套reduce有点繁琐，也可以用map结合Object.fromEntries实现，代码更直观：

const transformedArray = originalArray.map(item => {
  const fieldMap = item.fields[0];
  return Object.fromEntries(
    Object.entries(fieldMap).map(([key, { value }]) => [key, value])
  );
});

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