JavaScript Array - map メソッドと filter メソッド

🏷️JavaScript

JavaScript Array の map メソッドと filter メソッドについて、簡単にメモをしておきます。

map メソッド

配列の各要素に任意の加工を行い、新たに配列を生成します。

let items = [1, 2, 3, 4, 5];


let result = items.map((val, idx, data) => {
    return val * 5;
});


console.log('result: ', result);
console.log('items: ', items);

結果として、result には items の各要素を 5 倍した値が入っています。

filter メソッド

配列の各要素から、条件に合致する要素のみを取り出し、新たに配列を生成します。

let items = [1, 2, 3, 4, 5];
let result = items.filter((val, idx, data) => {
    return val > 3;
});


console.log('result: ', result);
console.log('items: ', items);

結果として、result には items から条件に合致した 4 と 5 が入っています。

💬 コメント