Output Place

得た知識をアウトプットする場

javascript(ES6) アロー関数

アロー関数メモ


アロー関数を使わない場合

const numbers = [1, 24, 3, 45, 23];
const doubleNumbers = numbers.map(function(number){
  return number * 2;
}); //配列の数字を2倍にする関数



アロー関数を使う場合、functionを省くことができます。その代わり矢印 => を引数の後ろに加えます。

const numbers = [1, 24, 3, 45, 23];
const doubleNumbers = numbers.map((number) => {
  return number * 2;
});


もっと省略することもできます。
・受け取る引数が一つだけの場合、引数の()を省くことができる
・関数内の文が1文で終わる場合{}とreturn を省くことができる

const numbers = [1, 24, 3, 45, 23];
const doubleNumbers = numbers.map(number => number * 2);

引数の数が0とか2とかの場合は()を省けないです。

javaでいうラムダ式に近いですね。。