🙈コールバック関数

callback関数とは、関数を別の関数として渡すパラメータであり、任意のイベントが発生したパラメータとして関数を渡す関数として再呼び出されます.

コールバック関数は、未定義の配列値を含む配列のみを呼び出します。

🙈map

	const items = [ "list", "of", "words"];

	const countLetters = items.map(function(element){
      return element.length;
      });
	console.log(countLetters);  //-->4,2,5

上記のコードと同様にmap()メソッドは、配列内の各要素に対して所定の関数を呼び出す結果を収集することによって、新しい配列を返します.

	arr.map(callback(currentValue[,index[,array]])[,thisArg]

-currentValue👉処理する現在の要素
-index👉処理する現在の要素のインデックス
-array👉呼び出しmap()の配列
-thisArg👉callbacl実行時に使用する値

🙈reduce

	const items = ["list", "of", "words"];

	const wordLengths = items.reduce(function(result, element) {
      result[element] = element.length;
      return result;
    }, {});

	console.log(wordLengths); //-->{list:4, of: 2, words: 5}

reduce()は、配列内の各要素にコールバックを実行し、出力結果を1つだけ生成します.

	arr.reduce(callback[, initialValue])

callback👉 アレイ内の各要素に対して実行する関数.次の4つの受容指数
accumulator👉 アキュムレータはコールバックの戻り値を蓄積します.コールバックの前の戻り値または最初の明示的なコールがinitialValueを同時に提供している場合は、initialValueの値です.
currentValue👉 処理する現在の要素
currentIndex👉 処理する現在の要素のインデックス.InitialValueが提供されている場合は、0または1から開始します.
array👉 呼び出しreduceの配列
initialValue👉 コールバックの最初の呼び出しで最初の引数に指定された値.初期値が指定されていない場合は、配列の最初の要素が使用されます.空の配列で初期値なしにreduce()を呼び出すとエラーが発生します.

🙈filter

const items = [12, 1, 7, 5, 4, 2, 9];


const lessThanFive = items.filter(function(element){
  return element < 5;
   });

console.log(lessThanFive); //1, 4, 2

filter()メソッドは、与えられた関数をテストするすべての要素を収集し、新しい配列に返します.

	arr.filter(callback(element[, index[, array]])[, thisArg])

callback👉各要素の関数をテストします.trueを返すと要素は保持され、falseを返すと要素は破棄されます.
element👉処理する現在の要素
index👉処理する現在の要素のインデックス
array👉フィルタを呼び出す配列
thisArg👉コールバック実行時に使用する値
ソース:https://dev.to/chrisachard/map-filter-reduce-crash-course-5gan