LoginSignup
0
0

More than 3 years have passed since last update.

JavaSctipt ES6 forEach

Posted at

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文での記述が望ましい。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0