JavaScript

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

2019年2月15日

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 が入っています。

-JavaScript