📝

高階関数(map/filter)

2024/10/15に公開

map

各要素を変更したい配列.map(各要素を変更したい配列の各要素 => 変更処理);
→戻り値は、各要素に変更処理が加えられた新しい配列

test.js
let list1 = [1, 2, 3, 4, 5, 6, 7];

console.log(list1.map(x => x * x));
// [1, 4, 9, 16, 25, 36,49]

console.log(list1);
// [1, 2, 3, 4, 5, 6, 7]

filter

検索対象の配列.filter(検索対象の配列の各要素 => bool値を返す関数);
→戻り値は、bool値を返す関数でtrueを返した要素で構成される新しい配列

test.js
let list2 = [1, 2, 3, 4, 5, 6, 7];

console.log(list2.filter(x => x % 2 !== 0));
// [1, 3, 5, 7]

console.log(list2);
// [1, 2, 3, 4, 5, 6, 7]

参照

https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/map

https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/filter

Discussion