ES6のコードは、まだ対応していないブラウザがある為、
Babelというツールを使ってトランスパイル(変換)してES5のコードに変える必要がある。
配列の便利メソッドとして、
forEach,map,filter,find,every,some,reduceがある。(7つ)
これらのメソッドは大体同じ動きをする。今回はforEachについて書く。
foreachが使えると、従来のES5までのforループが使わなくなる。
下にforループ文とforEach文を比較として記載する。
//forループ
var colors = ['red','blue','green'];
for(var i =0; i <colors.length; i++){
console.log(colors[i]);
}
//forEach
colors.forEach(function(color){
console.log(color);
});
//(function(color){
// console.log(color);はコールバック関数
//コールバック関数とは、他の関数に引数として渡す関数の事
慣れの問題もあるが、
forEach文の方が可読性に長ける為、今後はforEach文での記述が望ましい。