【JavaScript】 Arrayのreduceメソッドについて(1/2)

javascript Javascript

1.reduce()について

reduce()メソッドは配列の要素を集計(数字は合算、文字列は繋ぐ)などに使われます。同様な機能を持つreduceRight()メソッドも有ります。

2.使い方

2.1 数字の配列(合算)

const nums = [1, 2, 3, 4, 5];
const sum = nums.reduce(prev, curr) => prev + curr);
console.log(sum)

結果

15

配列の要素からprevに一番目の値を設定、2番目以後の値はcurrに設定してcallback関数を実行します。

2.2 文字列の配列(繋ぐ)

const strs = [ 'apple', 'banana', 'strawberry', 'peach'];
const joind_str = strs.reduce((prev, curr) => prev + ', ' + curr;
console.log(joind_str)

結果

apple, banana, strawberry, peach

reduce()は配列の要素からprevに一番目の値を設定、2番目以後の値はcurrに設定してcallback関数を実行します。上記の文字列の配列では要素と要素をコンマと空白をいれました。

タイトルとURLをコピーしました