JS中forEach与map的用法与区别

JS中forEach与map的用法与区别

前言

JS中数组的方法有很多，这两种方法均是通过遍历数组，对数组中的每个元素执行特定的函数。
二者主要区别在于map会返回一个新的数组，而forEach不会。

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、JS中map与forEach的用法

1. Array.prototype.map():

用途： map() 方法会创建一个新数组，这个新数组由原数组中的每个元素都调用一次提供的函数后的返回值组成。

参数： map(callback, this(可选)) ，其中回调函数中的参数为callback(value,index(可选),array(可选))。

返回值： 一个新数组。

具体描述： map()为数组中的每个元素调用一次提供的 callback 函数，用结果构建一个新数组并返回。this参数在非严格模式下，会被包装为对象，并将 undefined/null 替换为 globalThis。当callback 函数为箭头函数，则此时的this参数无意义，因为箭头函数没有自己的 this。对于基本数据类型，map不会改变原数组；而对于引用数据类型，map则会改变原数组。

2. Array.prototype.forEach():

用途： forEach() 方法会对数组中的每个元素执行一次提供的函数。

参数： forEach(callback, this(可选)) ，其中回调函数中的参数为callback(value,index(可选),array(可选))。

返回值ÿ