如何将扁平数组转二维嵌套的while循环改写为reduce函数式实现？

你的原while循环通过splice每次从原数组头部截取固定长度的元素来构建嵌套数组，但这个操作会修改原数组。如果用reduce实现，我们可以写出更符合函数式编程风格的纯函数版本（不改动原数组），同时保持逻辑简洁。

纯函数式reduce实现（推荐） #

const ROW_SIZE = 3; // 替换为你的目标行大小
const flatArray = [1,2,3,4,5,6,7];

const nestedArray = flatArray.reduce((acc, current, index) => {
  // 根据当前元素的索引计算所属行号
  const rowIndex = Math.floor(index / ROW_SIZE);
  // 若该行数组未初始化，先创建空数组
  if (!acc[rowIndex]) {
    acc[rowIndex] = [];
  }
  // 将当前元素推入对应行数组
  acc[rowIndex].push(current);
  return acc;
}, []);

// 输出结果：[[1,2,3], [4,5,6], [7]]

思路解析 #

这个实现的核心是通过索引映射分组：

• 用Math.floor(index / ROW_SIZE)计算每个元素的归属行号，比如当ROW_SIZE=3时，索引0-2属于第0行，3-5属于第1行，以此类推。
• 累加器acc作为嵌套数组的容器，每遍历一个元素就将其归入对应行的数组，逐步构建出目标结构。
• 和原循环不同，这个版本不会修改原flatArray，完全符合函数式编程“无副作用”的设计要求。

简化写法 #

可以用展开语法进一步精简代码：

const nestedArray = flatArray.reduce((acc, current, index) => {
  const rowIdx = Math.floor(index / ROW_SIZE);
  acc[rowIdx] = [...(acc[rowIdx] || []), current];
  return acc;
}, []);

模拟原循环的破坏性reduce实现（不推荐） #

如果一定要完全模拟原循环修改原数组的行为，也可以用reduce实现，但这种写法不符合函数式设计原则，可读性也不如原循环，仅作参考：

const nestedArray = Array.from({ length: Math.ceil(flatArray.length / ROW_SIZE) }).reduce((acc) => {
  acc.push(flatArray.splice(0, ROW_SIZE));
  return acc;
}, []);

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