の 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
- オペラ
- サファリ