logo

JavaScript 配列のreduce()メソッド

JavaScriptのreduce()メソッド 配列要素ごとにリデューサー関数を実行し、単一の累積値を返します。空の配列要素をスキップし、元の配列を変更しないため、簡潔なデータ集計に役立ちます。

構文:

bash 文字列の長さ
array.reduce( function(total, currentValue, currentIndex, arr), initialValue )>

パラメーター:

このメソッドは、上で説明し、以下で説明するように、5 つのパラメーターを受け入れます。



  • 関数(合計、現在の値、インデックス、arr): これは必須のパラメーターであり、配列の各要素に対して実行するために使用されます。これには、以下に示す 4 つのパラメータが含まれています。
パラメータ名説明必須/オプション
合計関数の初期値または以前に返された値を指定します必須
現在の価値現在の要素の値を指定します必須
現在のインデックス現在の要素の配列インデックスを指定しますオプション
到着しました現在の要素が属する配列オブジェクトを指定しますオプション

初期値: これはオプションのパラメーターであり、関数に初期値として渡される値を指定するために使用されます。

戻り値: JavaScript 配列のreduceメソッドは、配列全体を走査した後、単一の値/要素を返します。

以下に例を示します。 配列reduce() 方法。

例 1: この例では、単純に配列の要素の差分を出力するreduce関数を作成します。

JavaScript
// Input array let arr = [175, 50, 25]; // Callback function for reduce method function subofArray(total, num) {  return total - num; } //Fucntion to execute reduce method  function myGeeks(item) {  // Display output  console.log(arr.reduce(subofArray)); } myGeeks()>

出力
100>

例 2: この例では、reduce() メソッドを使用して、すべての配列要素の合計を返します。

JavaScript
// Input array let arr = [10, 20, 30, 40, 50, 60]; // Callback function for reduce method function sumofArray(sum, num) {  return sum + num; } //Fucntion to execute reduce method  function myGeeks(item) {  // Display output  console.log(arr.reduce(sumofArray)); } myGeeks();>

出力
210>

例 3: この例では、reduce() メソッドを使用して、すべての配列要素の丸め合計を返します。

JavaScript
// Input array let arr = [1.5, 20.3, 11.1, 40.7]; // Callback function for reduce method function sumofArray(sum, num) {  return sum + Math.round(num); } //Fucntion to execute reduce method  function myGeeks(item) {  // Display output  console.log(arr.reduce(sumofArray, 0)); } myGeeks();>

出力
74>

Javascript 配列メソッドの完全なリストがあります。これらを確認するには、これを参照してください。 Javascript 配列の完全なリファレンス 記事。

サポートされているブラウザ: JavaScriptがサポートするブラウザ 配列reduce() 方法は以下にリストされています。

  • グーグルクローム
  • Firefox
  • オペラ
  • サファリ