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.