如何在JS中单独遍历每个数组分块并解决for循环返回undefined问题

问题原因 #

你的代码存在两个核心问题：

1. for循环语法错误：for语句的三个组成部分（初始化、循环条件、递增表达式）需要用分号;分隔，你错误使用了逗号,分隔条件和递增逻辑，同时将递增表达式放到了条件判断的位置，导致循环逻辑完全不符合预期。
2. 循环内部没有正确获取分块：你仅打印了索引x，没有通过索引取到alphabetPairs中对应的子数组。

修正方案 #

方案1：修正原生for循环写法 #

function splitArrayIntoChunksOfLen(arr, len) {
  var chunks = [], i = 0, n = arr.length;
  while (i < n) {
    chunks.push(arr.slice(i, i += len));
  }
  return chunks;
}
var alphabet=['a','b','c','d','e','f'];
var alphabetPairs=splitArrayIntoChunksOfLen(alphabet,2);

// 修正后的for循环
for (let x = 0; x < alphabetPairs.length; x++) {
  // 获取当前遍历到的分块
  const currentChunk = alphabetPairs[x];
  console.log(currentChunk);
  // 此处添加对当前分块的自定义处理逻辑
}

运行后会依次输出每个分块：

["a", "b"]
["c", "d"]
["e", "f"]

方案2：使用更简洁的forEach遍历（推荐） #

如果不需要精确控制索引的步进逻辑，用数组的forEach方法可读性更高：

alphabetPairs.forEach((chunk, chunkIndex) => {
  // chunk为当前分块，chunkIndex为分块的序号
  console.log(`第${chunkIndex}个分块内容：`, chunk);
  // 自定义处理逻辑
})

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