JS 数组中 forEach() 与 map() 的差异

在 JavaScript 中，数组的操作方法丰富多样，其中 forEach() 和 map() 是两个经常被使用的方法，但它们之间存在着一些关键的差异。

forEach() 方法用于遍历数组的每个元素，并对每个元素执行指定的操作。它不会返回新的数组，只是对原数组进行操作。例如：

let numbers = [1, 2, 3, 4, 5];
numbers.forEach((num) => {
  console.log(num * 2);
});

在上述代码中，forEach() 只是将每个数字乘以 2 并打印到控制台上，原数组 numbers 并未发生改变。

而 map() 方法会创建一个新的数组，其元素是原数组元素经过指定函数处理后的结果。

let numbers = [1, 2, 3, 4, 5];
let doubledNumbers = numbers.map((num) => num * 2);
console.log(doubledNumbers); 

这里，map() 方法返回了一个新的数组 doubledNumbers，其中的每个元素都是原数组对应元素乘以 2 的结果。

另一个重要的区别是，forEach() 方法无法中途中断循环，而 map() 方法会按照原数组的顺序依次处理每个元素，并返回一个新的数组。

在性能方面，如果只是简单地对数组元素进行操作而不需要返回新的数组，forEach() 可能会更高效。但如果需要根据原数组生成一个新的处理后的数组，那么 map() 则是更合适的选择。

JS 数组中的 forEach() 和 map() 方法虽然都用于遍历数组，但它们的用途和返回结果有着明显的区别。在实际开发中，根据具体的需求选择合适的方法可以使代码更加简洁、高效和易于维护。理解并正确运用这两个方法，能够让开发者在处理数组数据时更加得心应手，提升开发效率和代码质量。