JS的forEach和map方法的区别

JS的forEach和map方法的区别

前言：

forEach()和map()两个方法都是ES5中对数组引进的新方法，主要作用是对数组的每个元素执行一次提供的函数，但是它们之间也是有一点的区别的。jQuery也有一个方法$.each(),长的和forEach有点像，功能也类似。但是从本质上还是有很大的区别的，在面试的时候也很被经常问到。

forEach和map语法

语法：

//forEach
array.forEach(callback(value, index, array){
    //do something
}, this)
 
//或者
array.forEach(callback(value, index, array){
    //do something
})　　
 
//map:
var new_array = arr.map(callback(value,index,array))　
 
//$.each()
$(selector).each(function(index,element))  //注意参数的顺序

callback:是数组中每个元素执行的函数，该函数接收三个参数，第一个参数为当前数组中的元素；第二个参数为当前数组中的元素对应的索引；第三个参数为当前数组。
$.each()里函数里两个参数，一个为索引值，一个为对应的元素。

区别：

1：forEach()没有返回值，不可以链式调用。
2：map()返回一个新数组（新数组是由返回值组成），原数组不会改变。
3：forEach没有办法终止或者跳出，除非抛出异常，想要执行一个数组是否满足条件，返回布尔值，可以用for循环实现，或者数组的some()，every()方法。
4：$.each()方法规定为每个匹配元素规定的运行函数，可以返回false可用于及早停止循环。