ホームページ > 記事 > ウェブフロントエンド > JavaScript で指定された配列のすべての要素の合計を見つけるにはどうすればよいですか?
JavaScript で指定された配列のすべての要素の合計を見つけるにはどうすればよいですか?
- WBOY転載
- 2023-08-24 14:25:151922ブラウズ
プログラミングでは、配列内のすべての要素の合計を求めることが必要になることがよくあります。持っている JavaScript でこれを行う方法はたくさんあります。このチュートリアルでは、いくつかのことを学びます 配列内のすべての要素の合計を求めるメソッド。
for ループの使用
配列内のすべての要素の合計を求めることは、JavaScript では非常に一般的な操作です。for ループは最も簡単な方法です。 JavaScript で配列を使用している場合は、必ず for ループを使用して、配列内のすべての要素の合計を見つけてください。
JavaScript では、for ループは制御フロー ステートメントであり、これにより、 配列、オブジェクト、または文字列を指定します。 for ループは要素ごとに一連のステートメントを実行します。 配列、オブジェクト、または文字列内。このチュートリアルでは、合計の利点について説明します。 for ループを使用して、指定された配列のすべての要素をカウントします。
for ループを使用して配列内のすべての要素の合計を求める利点の 1 つは、次のとおりです。 コーディングがとても簡単です。合計を保存する変数を作成して使用するだけです。 for ループは配列を反復処理し、各要素を合計に追加します。これは非常に簡潔です 配列の合計を求めるメソッド。
例 1
以下は、for ループを使用して配列内のすべての要素を合計する完全なプログラムです -
<!doctype html>
<html>
<head>
<title>Examples</title>
</head>
<body>
<h2> Finding sum of all elements using <i>for</i> loop: </h2>
<div id="array"></div>
<div id="result"></div>
<script>
const data = [2,4,6,8];
let sum = 0;
const len = data.length
for (let i = 0; i < len; i++) {
sum += data[i];
}
document.getElementById("array").innerHTML = "Array = [" + data+ "]";
document.getElementById("result").innerHTML ="Sum of All Elements: " + sum;
</script>
</body>
</html>出力
コードは次のようになります。出力。
Finding sum of all elements using for loop: Array = [2,4,6,8] Sum of All Elements: 20
JavaScript で for ループを使用して特定の配列のすべての要素の合計を求めることには、いくつかの欠点があります。それらは次のとおりです -
これは時間のかかるプロセスです: for を使用して配列のすべての要素の合計を求めます。 ループ処理は時間のかかるプロセスです。これは、ループを反復する必要があるためです。 配列内のすべての要素の合計を求めます。
これはメモリを消費するプロセスです。これは、すべての要素の合計を求めるために、 配列の要素の場合、すべての要素を最初にメモリに格納する必要があります 次に、それらの合計を求めるプロセスを実行します。これは大量のメモリを消費します。
これはプロセッサを大量に使用するプロセスです。ループを反復する必要があるためです。 配列のすべての要素の合計を求めます。
reduce() メソッドを使用する
配列のすべての要素の合計を求めるには、reduce() メソッドを使用できます。このメソッドは、配列内の各要素に左から右に関数を適用し、値を返します。
reduce() このメソッドは、関数とオプションの初期値という 2 つのパラメーターを受け取ります。この関数は配列内の各要素に対して実行され、戻り値は配列内の次の要素の新しい値として使用されます。初期値はオプションです。省略した場合は、配列の最初の要素が初期値として使用されます。
配列が空の場合、または初期値が指定されていて配列の要素が 1 つだけの場合、 初期値を返します。
例 2
次の例は、reduce() メソッドを使用して実装されています。 -
<!doctype html>
<html>
<head>
<title>Examples</title>
</head>
<body>
<h2> Finding sum of all elements using <i>reduce()</i> method: </h2>
<div id="array"></div>
<div id="result"></div>
<script>
var arr = [2, 4, 6, 8];
var sum = arr.reduce(function(a,b){
return a+b;
}, 0);
document.getElementById("array").innerHTML = "Array: " + arr;
document.getElementById("result").innerHTML = "Sum of all elements in the array = " + sum;
</script>
</body>
</html>出力
コードにより、次の出力が得られます。
20Finding sum of all elements using reduce() method: Array: 2,4,6,8 Sum of all elements in the array = 20
reduce() メソッドを使用してすべての要素の合計を求めることには多くの利点があります。 配列で。まず、シンプルかつ簡潔です。 2つ目は、読みやすく、理解しやすいことです。三番目、 効率的かつ高速です。最後に、これは、あらゆるタイプのデータを合計するために使用できます。 番号。
以上がJavaScript で指定された配列のすべての要素の合計を見つけるにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。