JavaScript で Array.prototype.reduce() メソッドを使用するにはどうすればよいですか?

array.reduce() メソッドは、各要素に対していくつかのタスクを実行することにより、配列全体を単一の値に減らすために使用されます。たとえば、配列のすべての要素の合計を取得したい場合、配列全体を 1 つの値 (配列のすべての要素の最終合計) に減らす必要があります。

array.reduce() メソッドは、前の要素の結果値を追跡します。その後、前の要素から取得した結果の値を使用して、次の要素でタスクを実行します。配列の最初の要素では、結果値の引数として渡される初期値が考慮されます。このチュートリアルでは、JavaScript の Array.prototype.reduce() メソッドの使用方法を学習します。

＃＃＃文法＃＃＃

ユーザーは、次の構文に従って array.reduce() メソッドを使用できます。

リーリー

上記の構文の最初のパラメーター値としてアロー関数を渡しました。アロー関数はインライン コールバック関数として使用されます。

リーリー

上記の構文では、callback はコールバック関数です。

パラメータ

• previousResult

  - これは、前の配列要素に対して何らかの操作を実行して得られた結果の値です。

• element

  - 配列内のインデックス位置にある要素です。

• Index

  - 配列要素の現在のインデックスです。

• Array

  - これ自体がコールバック関数で使用される配列です。

• startingValue

  - これは、previousResult 変数を初期化するための初期値です。

• callback

  - これは、配列内の各要素に対して呼び出される関数です。

戻り値

array.reduce() メソッドは、すべての配列要素に対して特定のタスクを実行した後、最終的な結果値を返します。

例 1

次の例では、数値の配列を作成し、いくつかの値で初期化します。その後、array.reduce() メソッドを使用して、すべての数値の積を求めます。

さらに、インライン コールバック関数を、reduce() メソッドの最初のパラメータとして使用します。コールバック関数では、previousResult 変数の値を要素ごとに乗算して返します。

リーリー

例 2

次の例では、array.reduce() メソッドを使用して、すべての配列文字列を 1 つの文字列に連結します。 " " 演算子を使用して、現在の文字列要素と前の結果をコールバック関数にマージします。

リーリー

例 3

以下の例では、要素のインデックス値の合計を探しています。ユーザーは、コールバック関数で配列のインデックス付けがどのように使用されているかを確認できます。

リーリー

例 4

この例では、オブジェクトの配列を作成します。この配列の各オブジェクトには、emp_id、emp_name、および給与が含まれます。私たちは、reduce() メソッドを使用して、全従業員の給与総額を取得しました。 reduce() メソッドのコールバック関数で、各オブジェクトにアクセスし、その給与属性の値を total 変数に追加します。最後に、全従業員の給与総額が返されます。

リーリー

ユーザーは、Array.prototype.reduce() メソッドを使用して配列全体を単一の配列値に変換する方法を学びました。さまざまな例を通して、reduce() メソッドの使用例を見てきました。さらに、array.reduce() メソッドを使用して、配列から最小値と最大値を見つけることができます。

空の配列を参照として array.reduce() メソッドを呼び出すと、エラーが返されます。

以上がJavaScript で Array.prototype.reduce() メソッドを使用するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。