JavaScript 中数组求和2025 年 2 月 16 日 | 阅读 6 分钟 数组是一个对象,用于使用单个变量名存储不同类型数据的集合。 有时,我们需要对数组进行求和。在本文中,我们将学习如何在 JavaScript 中对数组进行求和。虽然 JavaScript 没有内置的求和方法,但有多种方法可供我们使用。 以下是在 JavaScript 中对数组求和的方法:
让我们通过演示一个接一个地理解这些方法。 reduce() 方法此方法在 ECMAScript 6 中引入。 语法在上面的语法中,以下是下面讨论的参数: function(total, currentValue, currentIndex, arr):这是一个为数组中的每个元素执行的函数。 total:这是用于存储总结果的参数。它包含 reduce() 方法最后一次调用的返回值。这是一个强制性参数,意味着我们必须传递它。 current_value:它表示当前元素的值,即正在对其执行 reduce() 方法的元素。它也是一个强制性参数。 current_index:它表示正在对其执行 reduce() 方法的当前索引的值。如果定义了初始值,则 current_index 的值为 0,否则值为 1。这是一个可选参数。 initial_value:它表示传递给函数的初始值。这是一个可选参数。如果未定义初始值,则数组的第一个元素被视为开始时的总值,并且该值不会被视为 current_value。 演示我们将创建一个程序,在以下演示中使用 reduce() 方法对数组进行求和。 代码 输出 我们可以在下面的输出中看到使用 reduce() 方法计算的数组总和。 ![]() forEach() 方法此方法用于为数组中的每个元素调用一个函数,用于计算 JavaScript 中数组的总和。 语法在上面的语法中,以下是下面讨论的参数: function(current_value, index, arr):这是为数组中的每个元素运行的函数。这是必需的值。 current_value:这是当前元素的值。这是必需的值。 current_index:它定义了当前元素的索引值。这是一个可选值。 arr:这是当前元素的数组。这是一个可选值。 thisValue:这是传递给函数的值,以便将其用作“this”值。这是一个可选值。如果未指定,则设置为默认值 undefined。 演示我们将构建一个程序,使用 forEach() 方法对数组进行求和。 代码 输出 我们可以在下面的输出中看到使用 forEach() 方法计算的数组总和。 ![]() for 循环我们可以使用 for 循环计算数组的总和,该循环用于迭代从 0 到数组最后一个索引的数组。 语法演示我们将构建一个程序,使用 for 循环对数组进行求和。 代码 输出 这是输出,我们可以看到使用 for 循环计算的数组总和。 ![]() for...of 循环此循环用于遍历可迭代对象的值。 语法上面讨论了以下语法: variable:它可以使用 const、var 或 let 关键字定义。每次迭代后,下一个迭代的值将赋给该变量。 iterable:这是一个包含可迭代属性的对象。 演示我们将创建一个代码,使用 for...of 循环对数组进行求和。 代码 输出 这是输出,我们可以看到使用 for...of 循环计算的数组总和。 ![]() Lodash _.sum() 方法Lodash 是 JavaScript 中的一个内置库,其中包含一个名为 ".sum()" 的方法,我们可以使用它来添加数组中的数字。 演示我们将创建一个程序,使用 Lodash .sum() 方法对数组进行求和。 代码 输出 这是输出,我们可以看到使用 Lodash .sum() 方法计算的数组总和。 ![]() 递归这是一个函数,它一遍又一遍地调用自身,直到覆盖数组中的每个元素。 演示我们将创建一个程序,使用递归对数组进行求和。 代码 输出 这是输出,我们可以看到使用递归计算的数组总和。 ![]() map() 和 reduce() 方法map() 和 reduce() 方法都用于聚合数组。map() 方法用于通过对每个数组元素使用回调函数来创建一个新数组,而 reduce() 方法用于通过使用回调函数将新数组归约到一个值。 演示我们将创建一个程序,使用递归对数组进行求和。 代码 输出 这是输出,我们可以看到使用 map() 和 reduce() 方法计算的数组总和。 ![]() 结论在上面的文章中,我们研究了如何在 JavaScript 中计算数组的总和。我们看到了不同的方法和示例,例如 reduce() 方法、forEach() 方法、for 循环、for...of 循环、Lodash _.sum() 方法、递归、map() 和 reduce() 方法。 |
在当今的数字环境中,JavaScript 仍然是 Web 开发的基石,为无数网站和应用程序提供动态和交互式元素。然而,随着 JavaScript 项目复杂性的不断扩大,维护代码质量和最大限度地减少错误变得越来越具有挑战性。这就是 JavaScript 代码检查器的作用所在...
阅读 12 分钟
引言 在计算机编程的主要任务中,字符串操作是一个重要的部分。字符串反转是一个尤其重要的过程。能够反转字符串对于文本处理、用户界面改进和计算问题解决至关重要。本文深入探讨了字符串反转的概念,探讨了其重要性,...
阅读 3 分钟
length 属性返回数组中的元素数量,形式为 32 位无符号整数。我们也可以说 length 属性返回一个表示数组元素的数字。返回值始终大于...
阅读 3 分钟
JavaScript 概述及其在 Web 开发中的作用 JavaScript 是一种多功能语言,在 Web 开发领域广泛用于引入动态性和交互性到网站并添加各种功能。JavaScript 是构成...
阅读 12 分钟
JavaScript 标签是一个语句,用于将标签作为标识符进行前缀。您可以指定任何名称作为标签,而不是保留字。它仅在代码中使用冒号 (:)。break 或 continue 语句可以使用标签...
阅读 4 分钟
简介:在本文中,我们将使用 HTML、CSS 和 JavaScript 来创建员工数据库管理系统,并在示例中展示其实现。本文的目标是使用三种 Web 编程语言:HTML、CSS 和 JavaScript……
阅读 13 分钟
介绍:JavaScript,作为 Web 开发中最广泛使用的编程语言之一,提供了一套灵活的运算符,使开发人员能够高效地操作数据。在这些运算符中,XOR(异或)运算符作为执行位运算和实现...
阅读 3 分钟
JavaScript includes() JavaScript includes() 方法用于检查给定字符串中是否存在指定的子字符串。它是一个区分大小写的方法。它返回布尔值,true 或 false。如果字符串包含指定的子字符串,则返回 true,否则...
阅读 2 分钟
本文概述了 JavaScript 中的 return 语句。return 语句放在函数执行之后,用于在返回指定值的同时停止该函数中的任何进一步处理。在 JavaScript 中,对于...是必须的。
阅读 4 分钟
? 在本文中,我们将了解 JavaScript 中的 require() 函数。require() 函数是 JavaScript 中的一个内置函数。它是 CommonJS 模块系统的基本组成部分,用于导入模块,并允许您在代码中使用外部模块。模块类似于……
阅读 2 分钟
我们请求您订阅我们的新闻通讯以获取最新更新。
我们提供所有技术(如 Java 教程、Android、Java 框架)的教程和面试问题
G-13, 2nd Floor, Sec-3, Noida, UP, 201301, India