陣列資料處理 - forEach

會將陣列中的每一個元素資料進行處理

使用範例

let dataList = [10, 20, 30, 40];
dataList.forEach(function(value, index, arr){
  console.log(value, index, arr);
})

forEach 可傳入的參數有三個

1. 第一個是個別的物件
2. 第二個是物件中的索引
3. 第三個是陣列本身

執行結果

把陣列的數字相加

let dataList = [10, 20, 30, 40];
let total = 0;
dataList.forEach((value, index, arr) => {
  total += value;

});
console.log(total);

在上面的例子中，如果把 total 移到 forEacth 內
會因為變數的作用域在 function 的大括號中
所以執行時會因為找不到變數而出錯!

來練習箭頭函式的版本

• 第一種寫法

let dataList = [10, 20, 30, 40];
dataList.forEach((value, index, arr) => {
  console.log(value, index, arr);
});

• 第二種寫法

let dataList = [10, 20, 30, 40];
dataList.forEach(value => console.log(value));

參考資料及學習資源

• 0 陷阱！0 誤解！8 天重新認識 JavaScript！
• JavaScript 指南
• 六角學院 - JavaScript 必修篇 - 前端修練全攻略
• Array.prototype.forEach()

本日小節

剛剛突然筆電記憶體爆炸，Chrome 直接閃退
完全沒存檔 RRRRR
今天比較沒那麼燒腦（？）
這是我的學習紀錄，我們下次見！
（倒數了耶耶耶耶…）