forEach和map和JQuery中的each区别

首先：forEach和map都是ES5的数组的方法，而each是jQuery中的方法。（JQuery中他的对于一些方法，他还有对应的函数。下一篇在细写方法和函数问题。）

/*
* forEach函数列子，以下特性总结：
*   1.不改变原数组
*   2.forEach不返回原数组
*   注意：他的函数里面参数的顺序
*/
var arr=[1,3,5,7,9];
//测试之后forEach只能遍历数组，他是数组的一个方法
//他的函数三个参数，第一个必须为value，index,arr 是数组本身，后两个为可选,
//forEach本身有两个参数，第一个就是处理的函数，第二个是上下文，一般默认为全局，为undefined
var time=new Date();
console.log(time);
var a=arr.forEach(function(value,index,arr){
    value+=2;
    console.log("["+index+"]:"+value+"  "+arr);
},)
console.log(new Date()-time);
//forEach不返回东西，所以返回为undefined
console.log(a);
//不改变原来数组，在执行完函数之后，返回原数组
console.log(arr);

下面为运行结果：

2018-05-26T08:11:29.481Z
[0]:3  1,3,5,7,9
[1]:5  1,3,5,7,9
[2]:7  1,3,5,7,9
[3]:9  1,3,5,7,9
[4]:11  1,3,5,7,9
5
undefined
[ 1, 3, 5, 7, 9 ]

再看一下map函数

/*
* map方法（和forrEach方法很像）
*   1.不改变原数组
*   2.map不返回原数组
*   注意：他的函数里面参数的顺序
*   他两都是Es5里面的方法
*   然后测试了一下，map方法和forEach方法的效率，从时间上来说，map更快
*/
var ccc=new Date();
var b=arr.map(function(value,index){
    value*=2;
    console.log(value+"   "+index);
})
console.log(new Date()-ccc);
//不返回数组，[ undefined, undefined, undefined, undefined, undefined ]
console.log(b);
//不改变数组
console.log(arr);

下面为运行结果：

2   0
6   1
10   2
14   3
18   4
1
[ undefined, undefined, undefined, undefined, undefined ]
[ 1, 3, 5, 7, 9 ]

再说一下jQuery中的each方法：

/*
*   each
*   1.返回值为数组本身
*   2.不改变数组本身
*   3.他回调函数里面和forEach不一样
*
*/
var arr=[1,4,2,5];
var a=$.each(arr,function(index,value){
    value*=2;
    console.log(index+"  "+value);
});
//返回值为数组本身
console.log(arr);
//不改变原数组
console.log(a);

运行结果为：

0  2
1  8
2  4
3  10
>Array(4)
0:1
1:4
2:2
3:5
>Array(4)
0:1
1:4
2:2
3:5

所以。。差不多这么多，还有的话再补充。