forEach 在javascript中同时循环遍历两个数组[重复]

Posted 2023-02-22

【中文标题】forEach 在javascript中同时循环遍历两个数组[重复]

【英文标题】：forEach loop through two arrays at the same time in javascript [duplicate]

【发布时间】：2020-01-14 02:46:59

【问题描述】：

我想构建一个同时遍历两个变量的for 循环。 n 是一个数组，j 从 0 到 16。

var n = [1,2,3,5,7,8,9,11,12,13,14,16,17,18,20,21,22];
var m = [0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16];

m.forEach(k => 
    n.forEach(i => 
        console.log(i, k)
    );
;

最终结果应该输出：

1,0
2,1
3,2
5,3
(...)

不幸的是，由于某种原因，这个循环不会这样做，因为它会重复每个数字 17 次。

我在这里错过了什么？

【问题讨论】：

第二个数组在哪里？您当前有一个 for 循环和一个 forEach 在数组上。我不确定预期的结果是什么 - 你只想打印0, 1 -> 1, 2 等吗？

假设这是你可能只需要一个循环的模式。

@VLAZ 编辑了帖子。

Lodash zipWith 完全符合您的要求。

【参考方案1】：

使用第二个参数forEach 接受，这将是您正在迭代的当前索引：

n = [1,2,3,5,7,8,9,11,12,13,14,16,17,18,20,21,22];

n.forEach((element, index) => 
  console.log(element, index);
);

如果您有两个单独的数组开始，在每次迭代中，访问另一个数组的[index] 属性：

var n = [1, 2, 3, 5, 7, 8, 9, 11, 12, 13, 14, 16, 17, 18, 20, 21, 22];
var m = [0, 1, 2, 3, 4, 5, 6, 7,  8,  9,  10, 11, 12, 13, 14, 15, 16];

n.forEach((num1, index) => 
  const num2 = m[index];
  console.log(num1, num2);
);

【讨论】：

确实有效。现在想象一下，我想要一个特定的数组而不是索引。我已经编辑了帖子以反映这一点。