JavaScript:對映陣列元素後計算平均值
在本文中,我們將從陣列中獲取所有值,並在將每個元素對映到數值後計算其總和,從而計算其平均值。
下面是一個包含值的陣列。我們將透過對值求和,然後除以可用值的個數來計算平均值。
輸入
[1, 2, 3, 4, 5]
輸出
3
解釋
(1+2+3+4+5)/5 = 3
輸入
[2, 4, 7, 9, 1, 3, 8]
輸出
4.85
解釋
(2+4+7+9+1+3+8)/7 = 4.85
方法 #1
我們將使用 **forEach()** 迴圈遍歷元素列表。
在迭代每個元素時,我們將將其轉換為一個值並將其新增到總和中。
獲得所有數字的總和後,我們將將其除以數字總數。
示例 1
在下面的示例中,我們正在計算陣列的平均值,方法是先找到所有值的總和。
# index.html
<!DOCTYPE html>
<html>
<head>
<title>Computing the Average</title>
</head>
<body>
<h1 style="color: green;">
Welcome To Tutorials Point
</h1>
<script>
arr = [1, 2, 3, 4, 5];
// Computing the average
function avg(arr) {
var sum = 0;
// Iterate over the elements of the array
arr.forEach(function (item, idx) {
//Adding the elements to the sum
sum += item;
});
// Returning the average of the numbers
return sum / arr.length;
}
console.log("Average of all the numbers is: "+avg(arr));
</script>
</body>
</html>輸出
在上述程式成功執行後,瀏覽器將顯示以下結果:
Welcome To Tutorials Point
並且在控制檯中,您可以找到結果:
Average of all the numbers is: 3

方法 #2
另一種方法是使用 parseInt() 方法將值對映到數字。
我們將使用 for() 迴圈遍歷元素列表。
使用 parseInt() 解析所需十進位制型別的數字
將數字的總和儲存在一個變數中。
使用以下公式查詢所有數字的總和
$$average\:=\:{sum}/{length\:of\:numbers}$$
示例 2
在下面的示例中,我們正在計算陣列的平均值,方法是先找到所有值的總和。我們應用 parseInt() 來找到所有值的總和。
<!DOCTYPE html>
<html>
<head>
<title>Computing the Average</title>
</head>
<body>
<h1 style="color: green;">
Welcome To Tutorials Point
</h1>
<script>
arr = [2, 4, 7, 9, 1, 3, 8];
var sum = 0;
// Iterating the elements by using the for loop
for (var i = 0; i < arr.length; i++) {
// Store the sum of all numbers in a variable
sum += parseInt(arr[i], 10);
}
// Calculating the Average
var avg = sum / arr.length;
console.log("Average is: " + avg);
</script>
</body>
</html>輸出
在上述程式成功執行後,瀏覽器將顯示以下結果:
Welcome To Tutorials Point
並且在控制檯中,您可以找到結果:
Average is: 4.857142857142857

廣告
資料結構
網路
關係型資料庫管理系統
作業系統
Java
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP