JS中forEach与map方法有何用法差异及分析要点？

本文共计1217个文字，预计阅读时间需要5分钟。

本例介绍了JS中的forEach和map方法的使用方法与区别。分享给家长供参考，如下：

一、前言forEach()和map()都是ECMA5中Array引入的新方法，主要用于对数组中的每个元素执行操作。

二、forEach()方法

1.forEach()方法对数组的每个元素执行一次提供的函数。

2.该方法没有返回值，它只是遍历数组，对每个元素执行指定的操作。

3.示例代码：

javascriptlet arr=[1, 2, 3];arr.forEach(function(item, index, array) { console.log(item); // 输出：1, 2, 3});

三、map()方法

1.map()方法创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后的返回值。

2.该方法返回一个新数组，包含通过指定函数实现的每个元素的结果。

3.示例代码：

javascriptlet arr=[1, 2, 3];let newArr=arr.map(function(item) { return item * 2; // 将原数组中的每个元素乘以2});console.log(newArr); // 输出：[2, 4, 6]

四、区别

1.forEach()没有返回值，而map()返回一个新数组。

2.forEach()不改变原数组，而map()会根据指定函数的结果创建新数组。

本文实例讲述了JS forEach和map方法的用法与区别。