【js（配列操作）】reduce()

reduce()とは

ループ処理
配列限定
値を合計、または結合する

書き方

map()と同じ。
ただ補足。
変数名.reduce(function(累積値, 要素){　});
・累積値（第一引数）… 配列要素を順番に処理していった値
・要素（第一引数）…… 現在処理中の値

つまり、要素に処理が入り、累積値に格納、これが繰り返され最終形態の累積値が完成！！というロジック

数値の配列がある、合計を出す

  let prices = [200,500,460,759];

  //配列の数値の合計を出す
  let result =  prices.reduce(function(totalVal,price){
    return totalVal + price;
  });
console.log(result);

【結果】
1919

文字の配列がある、結合する

let fruits = ['メロン','バナナ','タンス','ダンス'];

  //配列の数値の合計を出す
  let result = fruits.reduce(function(totalVal,fruit){
    return totalVal + fruit;
  });
console.log(result);

【結果】
メロンバナナタンスダンス

処理を中断できないのでその際は下記参照！！

https://www.sejuku.net/blog/69622www.sejuku.net