Foreach和map的区别:

Map():如果你使用Map，那么Map可以通过迭代主数组返回新的数组。

Foreach():如果你使用Foreach，那么它不能为每个can迭代主数组返回任何东西。

有用的链接:使用这个链接来理解差异

https://codeburst.io/javascript-map-vs-foreach-f38111822c0f

forEach:如果你想对数组的元素执行一个操作，它与你使用for循环相同。这个方法的结果并没有给我们一个输出，只是循环遍历元素。

map:如果你想在一个数组的元素上执行一个操作，并且你想将你的操作的输出存储到一个数组中。这类似于函数中的for循环，在每次迭代后返回结果。

希望这能有所帮助。

.map和. foreach会做同样的事情，直到你开始对拥有数百万个元素的数组进行操作。.map会创建另一个具有相同大小(可能还有类型，这取决于数组的种类)的集合，这可能会占用大量内存。

这里没有提到的一个穿梭的区别是forEach()可以在静态(不是活动的)NodeList上循环，而map()不能

//works perfectly
      document.querySelectorAll('.score').forEach(element=>console.log(element));
    
    
  //Uncaught TypeError: document.querySelectorAll(...).map is not a function        
      document.querySelectorAll('.score').map(element=>console.log(element));

你需要知道的主要区别是.map()返回一个新数组，而. foreach()不返回。这就是为什么在输出中会看到这种差异。. foreach()只是对数组中的每个值进行操作。

读:

Array.prototype.forEach() - JavaScript | MDN Array.prototype.map() - JavaScript | MDN

你可能还想看看: - Array.prototype.every() - JavaScript | MDN

const arr = [...Array(100000000).keys()];

console.time("for");
for (let i = 0; i < arr.length; i++) {}
console.timeEnd("for");

console.time("while");
let j = 0;
while (j < arr.length) {
  j++;
}
console.timeEnd("while");

console.time("dowhile");
let k = 0;
do {
  k++;
} while (k < arr.length);
console.timeEnd("dowhile");

console.time("forEach");
arr.forEach((element) => {});
console.timeEnd("forEach");

VM35:6用于:45.998046875 ms

VM35:13 while: 154.581787109375 ms

VM35:20 dowhile: 141.97216796875 ms

VM35:24 forEach: 776.469970703125 ms