コールバック関数を引数にとる配列のメソッド - Javascript

配列に対して繰り返し処理を行います。

const arr = ["apple", "orange", "banana"];
arr.forEach(function(value, index, arr){
  console.log(index);
  console.log(value);
  console.log(arr);
});

0
apple
[ 'apple', 'orange', 'banana' ]
1
orange
[ 'apple', 'orange', 'banana' ]
2
banana
[ 'apple', 'orange', 'banana' ]

コールバック関数の戻り値を要素にとる新しい配列を返します。

const arr = [1, 2, 3, 4];
let newArr = arr.map(function(value, index, arr){
  return value * 5
});
console.log(newArr);

[ 5, 10, 15, 20 ]

const arr = [1, 2, 3, 4];
let newArr = arr.map((value) => value * 5);
console.log(newArr);

コールバック関数の条件が true の時の配列の要素のみを持った、新しい配列を作成します。

const arr = [1, 2, 3, 4, 5];
let newArr = arr.filter((value) => value <= 3);
console.log(newArr);

[ 1, 2, 3 ]