コールバック関数を使用するとfor文などでループさせなくても配列を操作できます。
今回はコールバック関数内で要素の値を操作・抽出・判定できる便利な関数を紹介します。
map
全ての配列要素に対して関数を実行し、その結果からなる新しい配列を作ります。
const arr1 = [1,2,3,4,5];
const arr2 = arr1.map(num => num * 2);
console.log(arr1); // [1,2,3,4,5]
console.log(arr2); // [2,4,6,8,10]filter
全ての配列要素に対して関数を実行し、条件を満たしている要素の値で新しい配列を作ります。
const arr1 = [1,2,3,4,5];
const arr2 = arr1.filter(num => num > 3);
console.log(arr1); // [1,2,3,4,5]
console.log(arr2); // [4,5]find
配列要素の先頭から関数を実行し、条件を満たしている最初の要素の値を返します。
const arr = [1,2,3,4,5];
const val = arr.find(num => num > 3);
console.log(arr); // [1,2,3,4,5]
console.log(val); // 4every
全ての配列要素が条件を満たしているか検証する
const numbers = [1,2,3,4,5];
console.log(numbers.every(val => val < 3));
//false
console.log(numbers.every(val => val < 6));
//truesome
少なくとも一つの配列要素が条件を満たしているか検証する
const numbers = [1,2,3,4,5];
console.log(numbers.some(val => val < 3));
//true
console.log(numbers.some(val => val > 10));
//false
