JavaScript で平均値を求める例
JavaScript で平均を取得するための組み込みメソッドはありません。私たちは通常、定義された値の平均を数えるために、その機能を実現するためにさまざまなトリックと方法を実行します。
この記事では、カスタム宣言された関数によって JavaScript を使用して平均を求めるための複数の例について説明します。
平均的な数式
JavaScript の平均を理解するには、平均を求めるための一般的な数式を知る必要があります。
average = (sum of all given values) / number of values
これは、正確な結果を得るために 2つのステップを実行する必要がある式です。
- 与えられたすべての値の合計を計算します
- 計算された合計の結果を値の数で除算します
JavaScript の平均法の HTML での例
以下は、クリックして平均を取得ボタンを表示する HTML ソースコードです。そのボタンのクリックイベントでカスタム宣言された関数を呼び出します。この関数は、ループステートメントを使用して指定された配列値の平均を計算し、最終的に結果を返します。
計算結果を JavaScript の alert() ボックスに表示します。
<!DOCTYPE html>
<html>
<head>
<title>
HTML | JavaScript Average method example
</title>
<script type="text/javascript">
</script>
</head>
<body>
<h2>Hi Users Check Average of values (28, 78, 32, 14).</h2>
<button onclick="calculateAverage()">Click to get Average</button>
<script>
function calculateAverage() {
// you can change the values of array
let array = [28, 78, 32, 14]
let i = 0
let sum = 0
let len = array.length;
let result = 0
// loop for calculate sum of array values
while (i < len) {
sum = sum + array[i++];
}
result = sum / len
// simply shows the result in alert box
alert("Average of ("+array+") is : "+result);
}
</script>
</body>
<html>
この HTML ページソースでは、クリックイベント時に calculateAverage() というボタンを作成しました。
calculateAverage() メソッドをトリガーする[クリックして平均を取得]ボタンが表示されます。そのメソッドの本体では、平均を計算するために整数値と他の有用な変数の配列を初期化しました。
まず、平均を求めるために探しているすべての与えられた値の合計を計算する必要があります。コードステートメントを繰り返して、配列をすべてのインデックスにトラバースし、その小さなタスクを実行します。
コードステートメントを繰り返すために、通常、条件に基づいてループを実装します。ここでは、指定された条件が true になるまで while ループを使用しました。これは、現在のインデックスが配列の長さまたは index < length よりも小さいことです。
while ループロジックを使用してすべての配列要素の合計を計算し、その結果を sum 変数に格納しました。sum 変数値を配列の長さで割って平均を計算し、その結果を alert() ボックスに表示しました。
同じ結果を得る別の方法
以下に示すように、平均を返すパラメータとして N 個の値を渡すことで同じ機能を得ることができます。
function average(...nums) {
let average = 0;
for (const num of nums) {
average += num / nums.length;
}
return average;
}
alert(average(28, 78, 32, 14));
average(...nums) メソッドを使用して、N 個の値を受け取りました。ここでは、for ループロジックを使用して平均をカウントしました。