配列の操作　forEach, map, filter, find

forEach
配列の全要素に対して処理を行う

let sum = 0;
const arrs = [10, 20, 30, 40];
arrs.forEach((arr,index) => {
	sum += arr;
　　 console.log(index);   // 配列のインデックス番号を引数にセットすることも出来る。省略可
});

console.log(sum);  // 100

map
配列の全要素に対して処理を行う
returnされた要素で新しい配列を生成する
元配列要素数 ＝ 新配列要素数

const arr01 = [10, 20, 30, 40];
const arr02 = arr01.map((arr) => {
  return arr * 10;
});

console.log(arr01); // [10, 20, 30, 40]
console.log(arr02); // [100, 200, 300, 400]

filter
配列の全要素に対して処理を行う
true が returnされた要素で新しい配列を生成する
元配列要素数 ＞＝ 新配列要素数

const arr01 = [10, 20, 30, 40];
const arr02 = arr01.filter((arr) => {
  return arr % 20 === 0;
});

console.log(arr02); // [20, 40]

find
true を返す要素が見つかるまで、配列の要素に対して処理を行う
true を返した要素の値を返す

const arr01 = [10, 20, 30, 40];
const arr02 = arr01.find((arr) => {
  return arr % 20 === 0;
});

console.log(arr02);  // 20