在JavaScript中，map()和forEach()是两个非常常用的数组方法。虽然它们都能够迭代数组并对每个元素执行回调函数，但它们之间存在一些重要的区别。
Map()
map()方法创建一个新数组，并将原始数组中的每个元素传递给回调函数进行操作。回调函数可以返回任何值，而map()则会将这些返回值存储在新数组中，并返回该数组。
const numbers = [1, 2, 3, 4];
// 使用map()方法来将原始数组中的每个数字都增加1
const newNumbers = numbers.map(function(number) {
return number + 1;
});
console.log(newNumbers); // 输出[2, 3, 4, 5]map()方法有许多实际应用，例如转换数组中的数据类型或格式化日期等。此外，由于map()始终返回一个新数组，因此它不会修改原始数组。
ForEach()
forEach()方法是另一种迭代数组的方式，它与map()类似，但有几个重要的区别。首先，forEach()方法不返回一个新的数组。相反，它只是对每个元素执行回调函数。
const numbers = [1, 2, 3, 4];
// 使用forEach()方法将每个元素打印到控制台
numbers.forEach(function(number) {
console.log(number);
});
// 输出1 2 3 4此外，forEach()方法无法中途终止循环。如果需要在特定条件下中断循环，则必须使用for或while等循环语句来实现。
-- -------------------- ---- -------
----- ------- - --- -- -- ---
-- -----------------------------
--- ----- - ------
-------------------------------- -
-- ------- --- -- -
----- - -----
------- -- ----------------
-
---
------------------- -- ------总结
map()和forEach()都是迭代数组的方法，但它们有不同的用途和行为。
map()方法创建一个新数组，并将原始数组中的每个元素传递给回调函数进行操作。回调函数可以返回任何值，而map()则会将这些返回值存储在新数组中，并返回该数组。forEach()方法只是对每个元素执行回调函数。它不返回任何值，并且无法中途终止循环。
因此，在选择使用这两种方法之前，请确保理解其差异并了解如何正确使用它们。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6699