##arrayのmap関数とは?
「配列内のすべての要素に対して、同じ処理を加えた新しい配列を返す」関数。
サンプル
array1 = [0,1,2,3,4,5]
という配列に対して、すべての要素を2倍にした新しい配列
array2 = [0,2,4,6,8,10]
を簡単に作れる
###map関数の基本的な使い方の例
サンプル
var func = function nibai(value){return value * 2};
var baseArray = [1,2,3,4,5];
var newArray = baseArray.map(func);
console.log(newArray); // =>[2,4,6,8,10]
- 引数を一つ取り、引数を二倍にして返すnibai関数を作り、変数funcに代入する
- baseArrayを作る
- baseArrayのmapメソッドを使い、引数として1で作った関数(を代入した変数func)を渡す
- mapメソッドが、配列の中身を一つづつnibai関数に渡して結果を受け取る
- すべての値が二倍になった配列が得られる
###無名関数を使う
サンプル
var baseArray = [1,2,3,4,5];
var newArray = baseArray.map(function(value){return value * 2});
console.log(newArray); // =>[2,4,6,8,10]
###アロー関数を使う
1 : 通常の書き方
var baseArray = [1,2,3,4,5];
var newArray = baseArray.map(function(value){return value * 2});
console.log(newArray); // =>[2,4,6,8,10]
2 : アローを使って「function」を省略
var baseArray = [1,2,3,4,5];
var newArray = baseArray.map((value) => {return value * 2});
console.log(newArray); // =>[2,4,6,8,10]
3 : 1行ならreturnと{}を省略可能
var baseArray = [1,2,3,4,5];
var newArray = baseArray.map((value) => value * 2);
console.log(newArray); // =>[2,4,6,8,10]
4 : 引数1個なら()も省略可能
var baseArray = [1,2,3,4,5];
var newArray = baseArray.map(value => value * 2);
console.log(newArray); // =>[2,4,6,8,10]