如何在 JavaScript 中找到给定数组所有元素的总和?


在编程中,经常需要找到数组中所有元素的总和。在 JavaScript 中有很多方法可以做到这一点。在本教程中,我们将介绍一些查找数组中所有元素总和的方法。

使用 for 循环

查找数组中所有元素的总和是 JavaScript 中非常常见的操作,而 **for 循环** 是最简单的方法。如果您在 JavaScript 中使用数组,请务必利用 for 循环来查找数组中所有元素的总和。

JavaScript 中,for 循环是一种控制流语句,允许您迭代给定的数组、对象或字符串。for 循环将对数组、对象或字符串中的每个元素执行一组语句。在本教程中,我们将讨论使用 for 循环查找给定数组所有元素总和的好处。

使用 for 循环查找数组中所有元素总和的好处之一是它易于编码。您只需创建一个变量来存储总和,然后使用 for 循环迭代数组,并将每个元素添加到总和中。这是一种非常简洁的查找数组总和的方法。

示例 1

以下是使用 for 循环对数组中所有元素求和的完整程序 -

<!doctype html>
<html>
<head>
   <title>Examples</title>
</head>
<body>
   <h2> Finding sum of all elements using <i>for</i> loop: </h2>
   <div id="array"></div>
   <div id="result"></div>
   <script>
      const data = [2,4,6,8];
      let sum = 0;
      const len = data.length
      for (let i = 0; i < len; i++) {
         sum += data[i];
      }
      document.getElementById("array").innerHTML = "Array = [" + data+ "]";
      document.getElementById("result").innerHTML ="Sum of All Elements: " + sum;
   </script>
</body>
</html>

输出

代码将给出以下输出。

Finding sum of all elements using for loop:
Array = [2,4,6,8]
Sum of All Elements: 20

在 JavaScript 中使用 for 循环查找给定数组所有元素的总和有一些缺点。它们如下 -

  • 这是一个耗时的过程:使用 for 循环查找数组中所有元素的总和是一个耗时的过程。这是因为循环必须遍历数组的所有元素才能找到它们的总和。

  • 这是一个占用内存的过程:这是因为,为了找到数组中所有元素的总和,所有元素都必须首先存储在内存中,然后才能执行查找其总和的过程。这会消耗大量内存。

  • 这是一个处理器密集型过程:这是因为循环必须遍历数组的所有元素才能找到它们的总和。

使用 reduce() 方法

要查找数组中所有元素的总和,可以使用 **reduce()** 方法。此方法将一个函数应用于数组中的每个元素,从左到右,并返回单个值。

**reduce()** 方法接受两个参数:一个函数和一个可选的初始值。该函数在数组中的每个元素上执行,返回值用作数组中下一个元素的新值。初始值是可选的;如果省略,则数组中的第一个元素用作初始值。

如果数组为空,或者如果指定了初始值并且数组只有一个元素,则返回初始值。

示例 2

下面的示例是使用 reduce() 方法的实现 -

<!doctype html>
<html>
<head>
   <title>Examples</title>
</head>
<body>
   <h2> Finding sum of all elements using <i>reduce()</i> method: </h2>
   <div id="array"></div>
   <div id="result"></div>
<script>
   var arr = [2, 4, 6, 8];
   var sum = arr.reduce(function(a,b){
      return a+b;
   }, 0);
   document.getElementById("array").innerHTML = "Array: " + arr;
   document.getElementById("result").innerHTML = "Sum of all elements in the array = " + sum;
</script>
</body>
</html>

输出

代码将给出以下输出。

20Finding sum of all elements using reduce() method:
Array: 2,4,6,8
Sum of all elements in the array = 20

使用 reduce() 方法查找数组中所有元素的总和有很多优点。首先,它简单明了。其次,它易于阅读和理解。第三,它高效快捷。最后,它可以用来查找任何类型数据的总和,而不仅仅是数字。

更新于: 2022年6月23日

860 次查看

启动您的 职业生涯

通过完成课程获得认证

开始
广告