JavaScript中foreachmap函数

Posted 2020-10-01 fanmengfei

语法：forEach和map都支持2个参数：一个是回调函数（item,index,input）和上下文；

?forEach:用来遍历数组中的每一项；这个方法执行是没有返回值的，对原来数组也没有影响；

?数组中有几项，那么传递进去的匿名回调函数就需要执行几次；

?每一次执行匿名函数的时候，还给其传递了三个参数值：数组中的当前项item,当前项的索引index,原始数组input；

?理论上这个方法是没有返回值的，仅仅是遍历数组中的每一项，不对原来数组进行修改；但是我们可以自己通过数组的索引来修改原来的数组；

?forEach方法中匿名回调函数中的this默认是window；

因此：

　　[].forEach(function(value,index,array){

　　　　//code something

　　});

等价于：

　　$.each([],function(index,value,array){

　　　　//code something

　　})

会发现，第1个和第2个参数正好是相反的，要注意了，不要记错了。后面类似的方法，例如$.map也是如此。

var arr = [1,2,3,4]; var res= arr.forEach(function(value,index,array){ array[index] = value*4; }); console.log(arr); //结果为[4,8,12,16]

console.log(res); //undefined

map：map即是 “映射”的意思 用法与 forEach 相似，用法即：

[].map(function(value,index,array){

　　//code

})

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]

?map:和forEach非常相似，都是用来遍历数组中的每一项值的，用来遍历数组中的每一项；

?区别：map的回调函数中支持return返回值；return的是啥，相当于把数组中的这一项变为啥（并不影响原来的数组，只是相当于把原数组克隆一份，把克隆的这一份的数组中的对应项改变了）；

?不管是forEach还是map 都支持第二个参数值，第二个参数的意思是把匿名回调函数中的this进行修改。