js中數組的forEach和map方法的使用以及區別

var arr=[1,2,3,5,6,7,8,9];
arr.forEach(function(item，index，arr){}

forEach括號內的函數會跟三個參數，參數名稱可以自行取

第一個參數：數組中的元素

第二個參數：數組中的元素所對應的下標

第三個參數：數組自身

我們可以通過該方法來遍歷數組，例如求數組的所有元素的和

var sum=0;
for(var i=0;i<arr.length;i++){
     sum+=arr[i];
}
console.log(sum);

而且當數組內又空元素的時候，通過遍歷數組的元素，forEach是不會遍歷空元素的

 

map方法和forEach在語法上沒有任何區別，可以理解為map就是forEach的加強版，他們之間最大的區別在於，map在遍歷

數組之后會返回一個與原數組長度相等的新數組

var arr2=arr.map(function(item,index,arr){
     // 在map中使用return 就是在對應的下標中添加對應的數據
     return item+10;
});
console.log(arr2);

這樣他會返回一個計算數值分別對應下標中添加對應的數據，如果在forEach添加return的話則會無效。