ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScriptのreduce()メソッドは何をするのでしょうか?

JavaScriptのreduce()メソッドは何をするのでしょうか?

青灯夜游
青灯夜游オリジナル
2021-10-19 15:42:439775ブラウズ

JavaScript では、reduce() メソッドを使用して配列要素を反復 (累積) します。このメソッドは、指定されたコールバック関数を配列内のすべての要素の累算器として呼び出します。配列内の各値 (左から順に)右) 減少が始まり、最終的に値が計算されます。

JavaScriptのreduce()メソッドは何をするのでしょうか?

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

JavaScript では、reduce() メソッドを使用して配列要素を反復 (累積) します。このメソッドはアキュムレーターとして関数を受け取ります。配列内の各値 (左から右へ) が減少し始め、最後に減少します。値を計算します。

reduce() メソッドは、配列内のすべての要素に対して指定されたコールバック関数を呼び出すことができます。このコールバック関数の戻り値は累積結果であり、この戻り値は次回コールバック関数が呼び出されるときにパラメータとして提供されます。

構文:

array.reduce(function callbackfn(previousValue, currentVaule, currentIndex, array), initialValue)

function callbackfn(previousValue, currentVaule, currentIndex, array): 必須パラメータ。コールバック関数を指定します。最大で 4 つのパラメータを受け取ることができます:

  • previousValue: 前回コールバック関数を呼び出して取得した値。 initialValue がreduce() メソッドに提供される場合、関数が最初に呼び出されたときのpreviousValueはinitialValueです。

  • currentValue: 現在の要素配列の値。

  • currentIndex: 現在の配列要素の数値インデックス。

  • array: 要素を含む配列オブジェクト。

initialValue: 省略可能なパラメータ、関数に渡される初期値。

コード例を通じてさらに詳しく学びましょう:

例 1: 配列値の累積と合計

var a = [11, 12, 13], sum = 0;
function f(pre,curr) {
	sum=pre+curr;
	return sum;
}

a.reduce(f);
console.log(sum);

出力結果:

36

例 2: 配列の値を文字列に連結する

var a = [11, 12, 13], str = '';
function f(pre,curr) {
	str=pre+'-'+curr;
	return str;
}

a.reduce(f);
console.log(str);

JavaScriptのreduce()メソッドは何をするのでしょうか?

#[推奨学習:

JavaScript 上級チュートリアル]

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。