首先: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
所以。。差不多这么多,还有的话再补充。