map和forEach有什么区别？

在前端开发中，map 和 forEach 都是用于迭代数组的方法，但它们有着关键的区别：

• map 返回一个新数组： map 会对数组的每一项都应用一个函数，并将函数的返回值组成一个新的数组返回。原始数组保持不变。

• forEach 不返回任何值 (或者说返回undefined)： forEach 对数组的每一项都应用一个函数，但它不会收集函数的返回值。它主要用于执行副作用，例如修改数组元素或进行日志记录。 它直接修改原始数组。

举例说明：

假设我们有一个数组 numbers = [1, 2, 3, 4]。

使用 map:

const doubledNumbers = numbers.map(number => number * 2);
console.log(doubledNumbers); // 输出: [2, 4, 6, 8]
console.log(numbers); // 输出: [1, 2, 3, 4] (原始数组不变)

在这个例子中，map 创建了一个名为 doubledNumbers 的新数组，其中包含了 numbers 数组中每个元素的两倍。

使用 forEach:

numbers.forEach(number => console.log(number * 2));
// 输出: 2, 4, 6, 8 (直接输出到控制台)
console.log(numbers); // 输出: [1, 2, 3, 4] (原始数组不变)


let numbers2 = [1, 2, 3, 4]; //新数组用于演示修改
numbers2.forEach((number, index) => numbers2[index] = number * 2); // 修改原数组
console.log(numbers2); // 输出: [2, 4, 6, 8] (forEach 可以修改原数组)

在这个例子中，forEach 只是简单地将每个数字的两倍打印到控制台。它没有创建一个新数组，也没有返回值。第二个例子展示了forEach如何通过索引修改原数组。

总结：

特性	map	forEach
返回值	新数组	undefined
用途	创建新数组，转换数据	执行副作用，迭代操作
修改原数组	不会	可以，但通常不推荐

选择使用 map 还是 forEach 取决于你的需求。如果你需要创建一个新的数组，其中包含了对原始数组元素进行转换后的值，那么应该使用 map。如果你只是需要对数组的每个元素执行一些操作，而不需要返回值，那么应该使用 forEach。 如果需要修改原数组，虽然forEach可以做到，但通常更推荐使用map创建一个新数组来实现，以避免潜在的副作用和提高代码的可读性。