简述JavaScript中map和foreach的区别？
map和forEach都是JavaScript数组的迭代方法，但它们之间存在一些关键区别。
- 返回值：
map方法会返回一个新的数组，这个新数组是由原数组通过某个函数处理后的结果组成的。而forEach方法则没有返回值，它仅仅是对数组中的每个元素执行一次给定的函数。 -
修改原数组：
forEach方法可以直接修改原数组，而map方法则不会改变原数组，而是创建一个全新的数组。 -
性能：在大多数现代浏览器中，
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操作后也没有发生改变。