[ Day 22 ] - 阵列资料处理 - forEach

阵列资料处理 - 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
今天比较没那麽烧脑（？）
这是我的学习纪录，我们下次见！
（倒数了耶耶耶耶…）