JavaScript で指定された配列のすべての要素の合計を見つけるにはどうすればよいですか?
プログラミングでは、配列内のすべての要素の合計を求めることが必要になることがよくあります。持っている 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 サイトの他の関連記事を参照してください。
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
AI Hentai Generator
AIヘンタイを無料で生成します。
人気の記事
ホットツール
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中国語版
中国語版、とても使いやすい
ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
ホットトピック
7323
9
1625
14
1350
46
1262
25
1209
29
JavaScriptの文字列文字を交換します
Mar 11, 2025 am 12:07 AM
JavaScript文字列置換法とFAQの詳細な説明 この記事では、javaScriptの文字列文字を置き換える2つの方法について説明します：内部JavaScriptコードとWebページの内部HTML。 JavaScriptコード内の文字列を交換します 最も直接的な方法は、置換（）メソッドを使用することです。 str = str.replace（ "find"、 "置換"）; この方法は、最初の一致のみを置き換えます。すべての一致を置き換えるには、正規表現を使用して、グローバルフラグGを追加します。 str = str.replace（/fi
カスタムGoogle検索APIセットアップチュートリアル
Mar 04, 2025 am 01:06 AM
このチュートリアルでは、カスタムGoogle検索APIをブログまたはWebサイトに統合する方法を示し、標準のWordPressテーマ検索関数よりも洗練された検索エクスペリエンスを提供します。 驚くほど簡単です！検索をyに制限することができます
独自のAjax Webアプリケーションを構築します
Mar 09, 2025 am 12:11 AM
それで、あなたはここで、Ajaxと呼ばれるこのことについてすべてを学ぶ準備ができています。しかし、それは正確には何ですか？ Ajaxという用語は、動的でインタラクティブなWebコンテンツを作成するために使用されるテクノロジーのゆるいグループ化を指します。 Ajaxという用語は、もともとJesse Jによって造られました
例JSONファイルの例
Mar 03, 2025 am 12:35 AM
この記事シリーズは、2017年半ばに最新の情報と新鮮な例で書き直されました。 このJSONの例では、JSON形式を使用してファイルに単純な値を保存する方法について説明します。 キー価値ペア表記を使用して、あらゆる種類を保存できます
10 jQuery構文蛍光物
Mar 02, 2025 am 12:32 AM
コードプレゼンテーションを強化する：開発者向けの10個の構文蛍光物 ウェブサイトやブログでコードスニペットを共有することは、開発者にとって一般的な慣行です。 適切な構文ハイライターを選択すると、読みやすさと視覚的な魅力を大幅に改善できます。 t
8見事なjQueryページレイアウトプラグイン
Mar 06, 2025 am 12:48 AM
楽なWebページレイアウトのためにjQueryを活用する：8本質的なプラグイン jQueryは、Webページのレイアウトを大幅に簡素化します。 この記事では、プロセスを合理化する8つの強力なjQueryプラグイン、特に手動のウェブサイトの作成に役立ちます
10 JavaScript＆JQuery MVCチュートリアル
Mar 02, 2025 am 01:16 AM
この記事では、JavaScriptとJQuery Model-View-Controller（MVC）フレームワークに関する10を超えるチュートリアルの厳選された選択を紹介します。これは、新年にWeb開発スキルを向上させるのに最適です。 これらのチュートリアルは、Foundatioのさまざまなトピックをカバーしています
＆＃x27; this＆＃x27; JavaScriptで？
Mar 04, 2025 am 01:15 AM
コアポイント これは通常、メソッドを「所有」するオブジェクトを指しますが、関数がどのように呼び出されるかに依存します。 現在のオブジェクトがない場合、これはグローバルオブジェクトを指します。 Webブラウザでは、ウィンドウで表されます。 関数を呼び出すと、これはグローバルオブジェクトを維持しますが、オブジェクトコンストラクターまたはそのメソッドを呼び出すとき、これはオブジェクトのインスタンスを指します。 call（）、apply（）、bind（）などのメソッドを使用して、このコンテキストを変更できます。これらのメソッドは、与えられたこの値とパラメーターを使用して関数を呼び出します。 JavaScriptは優れたプログラミング言語です。数年前、この文はそうでした
