JavaScript中map和foreach的区别？

map和forEach都是JavaScript数组的迭代方法，但它们之间存在一些关键区别。

1. 返回值：map方法会返回一个新的数组，这个新数组是由原数组通过某个函数处理后的结果组成的。而forEach方法则没有返回值，它仅仅是对数组中的每个元素执行一次给定的函数。

2. 修改原数组：forEach方法可以直接修改原数组，而map方法则不会改变原数组，而是创建一个全新的数组。

3. 性能：在大多数现代浏览器中，map的性能通常优于forEach。

   let arr = [1, 2, 3, 4, 5];
   
   // 使用map
   let mapResult = arr.map(num => num * 2);
   console.log(mapResult); // 输出：[2, 4, 6, 8, 10]
   console.log(arr); // 输出：[1, 2, 3, 4, 5]
   
   // 使用forEach
   let forEachResult = [];
   arr.forEach(num => forEachResult.push(num * 2));
   console.log(forEachResult); // 输出：[2, 4, 6, 8, 10]
   console.log(arr); // 输出：[1, 2, 3, 4, 5]
   

   在这个例子中，我们可以看到，尽管map和forEach都可以对数组中的每个元素执行同样的操作（乘以2），但map返回了一个新的数组，原数组并没有改变；而forEach则没有返回值，我们需要创建一个新的数组来存储结果。同时，原数组在forEach操作后也没有发生改变。