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

更新於:2022-04-22

787 次檢視

開啟你的 職業生涯

透過完成課程獲得認證

開始
廣告

© . All rights reserved.