JavaScript for循环未正常循环求助：数组分块函数仅返回首个子数组

看起来你的代码里有几个小问题导致循环没有正常遍历完整个数组，我来帮你拆解并修正：

首先看你给出的代码片段，能看到明显的笔误：arr.le应该是arr.length——这个错误会直接导致循环条件判断异常（undefined和数字比较会返回false），是循环提前终止的核心原因之一。另外，初始设置var newArr = [ [] ];也容易引发逻辑混乱，加上缺少合适时机创建新子数组的逻辑，就出现了只生成第一个分组的情况。

修正方案1：切片+步长循环（最简洁高效） #

这种方法直接利用数组的slice方法，每次跳过size个元素，快速生成分组：

function chunkArrayInGroups(arr, size) {
  const newArr = [];
  // 每次循环跳size步，避免逐个遍历浪费性能
  for (let i = 0; i < arr.length; i += size) {
    // 截取从i到i+size的子数组，加入结果数组
    newArr.push(arr.slice(i, i + size));
  }
  return newArr;
}

// 测试你的预期场景：
console.log(chunkArrayInGroups(['a', 'b', 'c', 'd'], 2)); // 输出 [['a','b'], ['c','d']]

修正方案2：逐个元素分组（逻辑更直观） #

如果想手动控制每个元素的分组过程，这种方式能清晰看到什么时候创建新分组：

function chunkArrayInGroups(arr, size) {
  const newArr = [];
  let currentGroup = [];
  
  for (const element of arr) {
    currentGroup.push(element);
    // 当当前分组达到指定大小，就加入结果并重置分组
    if (currentGroup.length === size) {
      newArr.push(currentGroup);
      currentGroup = [];
    }
  }
  
  // 处理数组长度不是size整数倍的情况（比如剩余1个元素）
  if (currentGroup.length > 0) {
    newArr.push(currentGroup);
  }
  
  return newArr;
}

原代码问题总结 #

1. 笔误导致循环条件异常：arr.le → arr.length，这会让循环无法正确判断终止时机
2. 初始数组设置不合理：[ [] ]会让你一开始就有一个空分组，干扰后续的分组逻辑
3. 缺少新分组创建逻辑：当第一个分组满了之后，没有生成新的空数组接收后续元素，导致后续元素无法被加入结果

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