多数组同步迭代需求：嵌套循环不符合预期的解决方案问询

原代码问题分析 #

• 嵌套循环逻辑错误：每次处理arrayA的一个元素时，会完整遍历arrayB和arrayC的所有元素，无法实现"同步取当前元素"的需求
• 循环条件与索引错误：
  • i == arrayA.length 条件永远不成立，循环根本不会执行
  • j、k从1开始且判断条件为<= array.length，会导致数组索引越界（数组索引从0开始，最大有效索引为length-1）

解决方案 #

只需要单循环遍历arrayA，对arrayB和arrayC的索引使用取模运算，实现短数组遍历完后自动从头复用，直到arrayA遍历完成。

实现代码

const arrayA = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20];
const arrayB = [1,2,3,4,5,6,7,8,9,10,11,12];
const arrayC = [1,2,3,4,5,6,7];

// 遍历arrayA的每个元素
for (let i = 0; i < arrayA.length; i++) {
  // 计算arrayB的当前索引：超出长度后自动回到开头
  const bIndex = i % arrayB.length;
  // 计算arrayC的当前索引
  const cIndex = i % arrayC.length;
  
  const currentA = arrayA[i];
  const currentB = arrayB[bIndex];
  const currentC = arrayC[cIndex];
  
  // 此处可配合使用三个当前元素，示例为打印输出
  console.log(`当前迭代：A=${currentA}, B=${currentB}, C=${currentC}`);
}

代码解释

• 取模运算i % array.length：当i小于数组长度时，直接返回i作为索引；当i等于或超过数组长度时，返回余数，实现索引从头开始循环
• 单循环保证每次迭代都同步获取三个数组的当前元素，完全匹配需求

简化写法（使用forEach）

arrayA.forEach((currentA, index) => {
  const currentB = arrayB[index % arrayB.length];
  const currentC = arrayC[index % arrayC.length];
  console.log(`当前迭代：A=${currentA}, B=${currentB}, C=${currentC}`);
});

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