JavaScriptの平均値の検索
プログラミングでは、配列の処理は非常に一般的な操作です。その中で、平均を求めることも非常に基本的な要件です。 JavaScript では、この機能を実現する方法が複数あります。以下に、一般的な方法をいくつか紹介します。
- for ループの使用
最も基本的な方法は、for ループを使用して配列要素を 1 つずつ走査し、それらを累積し、最後に要素の長さで除算することです。平均を取得する配列。
function average(arr) { var sum = 0; for(var i = 0; i < arr.length; i++) { sum += arr[i]; } return sum / arr.length; }
この関数では、累積結果を格納するための sum 変数が最初に定義されます。次に、for ループを使用して配列全体を走査し、現在の要素の値を毎回加算して合計します。最後に、合計を配列の長さで割って平均を求めます。
- reduce メソッドを使用する
reduce メソッドは、JavaScript の配列プロトタイプ オブジェクトに付属するメソッドで、コールバック関数と初期値を受け取り、その後、順次 各要素と前回の累積結果がコールバック関数に渡され、最終結果が計算されます。したがって、reduce メソッドを使用して平均化を実現できます。
function average(arr) { var sum = arr.reduce(function(prev, cur) { return prev + cur; }, 0); return sum / arr.length; }
この関数では、まず、reduce メソッドを使用して配列内のすべての要素を累積し、最終結果を sum 変数に代入します。次に、合計を配列の長さで割って平均を求めます。
- ES6 のアロー関数と Array.prototype.reduce メソッドを使用する
ES6 では、アロー関数と Array.prototype.reduce メソッドを使用して、より簡潔に実装できます。平均を求める操作。
const average = arr => arr.reduce((prev, cur) => prev + cur, 0) / arr.length;
この関数では、アロー関数を使用してコールバック関数を定義し、reduce メソッドを使用して配列内のすべての要素を累積し、最終結果を配列の長さで除算して返します。一緒に。アロー関数の糖衣構文のおかげで、コードは非常に簡潔に見えます。
概要
上記の 3 つの方法はすべて、平均を求める古典的な方法です。 for ループの使用方法は比較的基本的であり、初心者でも理解するのに適しています。 Reduceメソッドを使用するとコード量が減り、コード構造が明確になるため、関数型プログラミングの考え方にも適しています。 ES6 アロー関数と Array.prototype.reduce メソッドを使用すると、コードをさらに簡素化できます。実際の開発では、実際のニーズに応じて平均化演算を実装する方法の 1 つを選択できます。
以上が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)

ホットトピック









この記事では、functionコンポーネントでのデータフェッチやDOM操作などの副作用を管理するためのフックであるReactの使用Effectについて説明します。メモリリークなどの問題を防ぐための使用、一般的な副作用、およびクリーンアップについて説明します。

怠zyな読み込みは、必要になるまでコンテンツの読み込みを遅延させ、初期負荷時間とサーバーの負荷を削減することにより、Webパフォーマンスとユーザーエクスペリエンスを改善します。

この記事では、Virtual DOMツリーを比較してDOMを効率的に更新するReactの調整アルゴリズムについて説明します。パフォーマンスの利点、最適化技術、ユーザーエクスペリエンスへの影響について説明します。

この記事では、JavaScriptのカレーについて説明します。これは、マルチアーグメント関数を単一argument関数シーケンスに変換する手法です。 Curryingの実装、部分的なアプリケーションなどの利点、実用的な用途、コード読み取りの強化を調査します

JavaScriptの高次関数は、抽象化、共通パターン、および最適化技術を通じて、コードの簡潔さ、再利用性、モジュール性、およびパフォーマンスを強化します。

この記事では、ReactのUseContextを説明しています。これにより、小道具掘削を避けることで国家管理を簡素化します。再レンダーの削減により、集中状態やパフォーマンスの改善などの利点について説明します。

記事では、Connect()、MapStateToprops、MapDispatchToprops、およびパフォーマンスへの影響を説明するReduxストアに反応コンポーネントをReduxストアに接続します。

記事では、PreventDefault()メソッドを使用して、イベントハンドラーのデフォルト動作の防止、ユーザーエクスペリエンスの強化などの利点、およびアクセシビリティの懸念などの潜在的な問題について説明します。
