Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺
一、原生js forEach()和map()遍历
共同点：
1.都是循环遍历数组中的每一项。
2.forEach() 和 map() 里面每一次执行匿名函数都支持3个参数：数组中的当前项item,当前项的索引index,原始数组input。
3.匿名函数中的this都是指Window。
4.只能遍历数组。
1.forEach()
没有返回值。
var ary = [12,23,24,42,1];
var res = ary.forEach(function (item,index,input) {
input[index] = item*10;
})
console.log(res);//-->undefined;
console.log(ary);//-->会对原来的数组产生改变；2.map()
有返回值，可以return 出来。
var ary = [12,23,24,42,1];
var res = ary.map(function (item,index,input) {
return item*10;
})
console.log(res);//-->[120,230,240,420,10];
console.log(ary);//-->[12,23,24,42,1]；
注意：forEach 和 map 的回调函数里不支持 break 退出循环。如果使用 return 的话也只会退出当前那次循环的函数，循环还是会继续执行。如果想用 break 关键字，可以用原生的 for 循环。
二、jQuery $.each()和$.map()遍历
共同点：
即可遍历数组，又可遍历对象。
1.$.each()
没有返回值。$.each()里面的匿名函数支持2个参数：当前项的索引i，数组中的当前项n。如果遍历的是对象，k 是键，n 是值。
$.each( ["a","b","c"], function(i, n){
alert( i + ": " + n );
});$("span").each(function(i, n){
alert( i + ": " + n );
});$.each( { name: "John", lang: "JS" }, function(k, n){
alert( "Name: " + k + ", Value: " + n );
});$.each() 回调函数里可以用 return false 退出整个遍历，作用相当于 for 循环里的 break。$.map() 则不能退出。
2.$.map()
有返回值，可以return 出来。$.map()里面的匿名函数支持2个参数和$.each()里的参数位置相反：数组中的当前项n，当前项的索引i。如果遍历的是对象，i 是值，n 是键。如果是$(“span”).map()形式，参数顺序和$.each() $(“span”).each()一样。
var arr=$.map( [0,1,2], function(n){
return n + 4;
});
console.log(arr);$.map({"name":"Jim","age":17},function(i,n){
console.log(i+":"+n);
});发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/190991.html原文链接：https://javaforall.net
![万能模拟器eve-ng介绍[通俗易懂]](https://javaforall.net/wp-content/uploads/2020/11/2020110817443450-480x300.jpg)
