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

front end technologyjavascriptweb development

在编程中,通常需要查找数组中所有元素的总和。在 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>

输出

代码将给出以下输出。

使用 for 循环查找所有元素的总和:
Array = [2,4,6,8]
所有元素的总和: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>

输出

代码将给出以下输出。

20使用reduce()方法计算所有元素的总和:
数组:2,4,6,8
数组中所有元素的总和 = 20

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


相关文章