js数组中的元素怎么实现累加效果

本篇内容主要讲解“js数组中的元素怎么实现累加效果”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“js数组中的元素怎么实现累加效果”吧!

创新互联公司是专业的平邑网站建设公司,平邑接单;提供网站制作、网站建设,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行平邑网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

首先我们来看一个小例子。

我们现在有这样一个问题,已知,我们有一个包含1,2,3,4这四个元素的数组,现在我们想知道这个数组中元素的总和是多少,该如何计算呢?如果加上元素two呢?这总和还是一样的吗?

这个小例子的结果是

js数组中的元素怎么实现累加效果

我们可以结合题目观察一下结果,1,2,3,4四个元素累加起来的结果是10,而1,2,3,4和two这五个元素累加的结果是10two。这表明,在这个方法中,如果出现英文的话,英文是不会被过滤的,会直接与数字进行运算。

了解这么多之后,我们去具体看看这个方法吧。

reduce() 方法对数组中的每个元素执行一个由我们提供的reducer函数(升序执行),将其结果汇总为单个返回值。

我们来看看这个方法的语法吧。

数组名称.reduce(执行的函数(累计器的返回值,正在处理的元素,当前元素索引,数组,第一次调用函数时的值)

reduce为数组中的每一个元素依次执行callback函数,不包括数组中被删除或从未被赋值的元素,接受四个参数:

  • accumulator 累计器

  • currentValue 当前值

  • currentIndex 当前索引

  • array 数组

注意:如果没有提供第一次调用函数时的值,reduce 会从索引1的地方开始执行 callback 方法,跳过第一个索引。如果提供第一次调用函数时的值,从索引0开始。

到此,相信大家对“js数组中的元素怎么实现累加效果”有了更深的了解,不妨来实际操作一番吧!这里是创新互联网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!


网站栏目:js数组中的元素怎么实现累加效果
当前路径:http://csdahua.cn/article/jsoogp.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流