配列でよく使う４つの関数のチートシート – JavaScript

JavaScriptで配列を扱う際によく使用する4つの関数を簡単にまとめてみました。

map

map()メソッドは各要素を別の値に変換した配列を生成します。

let map = [1,2,3,4,5].map( e => e*e );
console.log(map); // [1, 4, 9, 16, 25]

filter()メソッドは条件に合った要素のみを含む配列を生成します。

let filter = [1,2,3,4,5].filter( e => e % 2 );
console.log(filter); // [1, 3, 5]

find()メソッドは条件に合った「最初の要素のみ」を取得します。該当がない場合はundefinedが返ります。

let find = [1,2,3,4,5].find( e => e % 2 );
console.log(find); // 1

reduce()メソッドは配列要素を単一の値に変換します。

処理の結果はaccumulatorに蓄積されていきます。コールバック関数の第1引数でaccumulatorとなる変数を指定することができます。

let reduce = [1,2,3,4,5].reduce( (acc,val) => acc + val );    // acc : accumulator, val : 現在値
console.log(reduce); // 15