ES6中的Map和forEach的区别及用法示例

Map和forEach是ES6中常用的数组方法，用于遍历数组并对每个元素执行特定操作。尽管它们都可以用于迭代数组，但它们之间存在一些关键的区别。本文将详细介绍Map和forEach的区别，并提供相应的源代码示例。

1. Map方法：
   Map方法是ES6中新增的数组方法之一，它允许我们在遍历数组时对每个元素执行某种操作，并返回一个新的数组。Map方法的语法如下：

array.map((element, index, array) => {
  // 操作每个元素的代码
  return modifiedElement;
});

其中，element表示当前遍历的元素，index表示当前元素的索引，array表示原始数组。

Map方法的关键特点是它会返回一个新的数组，该数组的长度和原始数组相同。在回调函数中，我们可以对每个元素进行操作，并返回修改后的元素。最后，Map方法会将所有修改后的元素组成一个新的数组返回。

以下是一个简单的示例，演示如何使用Map方法将数组中的每个元素平方：

const numbers = [1, 2, 3, 4, 5];
const squaredNumbers = numbers.map((num) => {
  return num * num;
});

console.log(squaredNumbers); // 输出: [1, 4, 9, 16, 25]

在上面的示例中，我们使用Map方法遍历数组numbers，并对每个元素执行平方操作。最后，我们得到了一个新的数组squaredNumbers，其中包含了每个元素的平方值。

需要注意的是，Map方法不会修改原始数组