JS forEach()和map()的区别_js forecho 和 map 的去吧-CSDN博客

本文链接：https://blog.csdn.net/Cui_xing_tian/article/details/100563338

本文探讨了JavaScript中forEach()和map()方法的主要区别。它们都用于遍历数组，但forEach()主要用于执行操作，不返回值，而map()则返回一个新的数组，包含处理后的元素。尽管它们不会直接修改原数组，但在forEach()中可以通过索引修改原数组。此外，forEach()无法通过返回值中断，而map()可以进行链式调用。当遇到空数组时，forEach()不会执行回调，而map()仍会返回一个空数组。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

forEach()和map()主要作用都是对数组的每个元素执行一次提供的函数，但是他们之间还是有区别的。

forEach()和map()的语法

array.forEach(callback(currentValue, index, array){
    //do something
})

var new_array = arr.map(callback[, thisArg])

相同点

都是循环遍历数组中的每一项
回调函数都支持三个参数，分别是item（当前项），index(索引值)，arr(原数组)
回调函数中的this都是指向windows
都不会改变原数组

区别

forEach方法用来调用数组的每个元素，原理是将数组元素作为参数传递给回调函数。理论上这个方式是没有返回值的，只是遍历数组中的每一项，不对原来数组进行修改，但是可以自己通过数组的索引来修改原来的数组

forEach()没有返回值，不可以链式调用。

forEach对于空数组是不会调用回调函数的。

Array.forEach(function(item,index,arr){},this)
var arr = [0,2,4,6,8];
var sum = 0;
var str = arr.forEach(function(item,index,arr){
    sum += item;
    console.log("sum的值为：",sum); //0 2 6 12 20
    console.log(this); //window
},this)
console.log(sum);//20
console.log(str); //undefined

map()的返回值是一个新数组，数组中的元素为原始数组调用函数处理后的值。

map()不会对空数组进行检测。如果原数组为空，则map方法返回的也是一个空数组。

array.map(function(item,index,arr){},thisValue)

var arr = [0,2,4,6,8];
var str = arr.map(function(item,index,arr){
    console.log(this); //window
    console.log("原数组arr:",arr); //注意这里执行5次
    return item/2;
},this);
console.log(str);//[0,1,2,3,4]

执行方式不同

没有办法终止或者跳出forEach()循环，除非抛出异常，所以想执行一个数组是否满足什么条件，返回布尔值，可以用一般的for循环实现，