首页常见问题正文

forEach和map方法有什么区别?

更新时间:2023年06月01日11时35分来源:传智教育浏览次数:

好口碑IT培训

　　forEach和map都是JavaScript数组的方法，用于对数组中的每个元素进行操作。它们的区别在于它们的返回值和对原始数组的影响。

　　1.forEach方法:

　　·forEach方法对数组中的每个元素执行指定的操作，并没有返回值。

　　·它会遍历整个数组，并对每个元素执行传入的回调函数。

　　·forEach方法无法中断或跳出循环，无法使用return语句返回结果或改变原始数组。

　　下面是forEach方法的代码示例：

const numbers = [1, 2, 3, 4, 5];

numbers.forEach((num) => {
  console.log(num * 2);
});

　　输出结果为：

　　·map方法对数组中的每个元素执行指定的操作，并返回一个新的数组，该数组包含了操作后的结果。

　　·它会遍历整个数组，并对每个元素执行传入的回调函数，并将返回值存储在新的数组中。

　　·map方法不会改变原始数组。

　　下面是map方法的代码示例：

const numbers = [1, 2, 3, 4, 5];

const doubledNumbers = numbers.map((num) => {
  return num * 2;
});

console.log(doubledNumbers);

　　输出结果为：

[2, 4, 6, 8, 10]

　　在上述示例中，map方法将原始数组中的每个元素乘以2，并返回一个新的数组doubledNumbers，其中包含了乘以2后的结果。

　　总结：

　　·forEach方法没有返回值，仅用于遍历数组执行操作。

　　·map方法返回一个新的数组，其中包含对每个元素执行操作后的结果。

上一篇：javascript有哪些基础数据类型? 下一篇：Laravel框架中的目录结构都有什么作用?