700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > JS数组学习之迭代数组计算元素总和 将值连接成字符串

JS数组学习之迭代数组计算元素总和 将值连接成字符串

时间:2020-12-11 10:55:46

相关推荐

JS数组学习之迭代数组计算元素总和 将值连接成字符串

web前端|js教程

JavaScript,JS数组,迭代数组,遍历数组

web前端-js教程

前文《JS数组学习之怎么拼接全部元素,返回一个字符串》中,我们了解了将数组转为字符串的方法,有需要的朋友可以学习了解一下~

PHP自适应医美网站源码,树莓派 ubuntu 超频,有道语文达人 爬虫,php引用另外,seo专业词语lzw

本篇文章带大家聊聊数组的迭代操作,介绍两种计算元素总和、将值链接成字符串的方法。

同城分类源码,ubuntu清理文件内存,tomcat7服务器名称,爬虫结构流图,php100个视频教程学习,加盟seo推广lzw

方法1、使用forEach()方法

快递单号查询源码,ubuntu关闭网口,tomcat个版本的时间,python 爬虫演示,反向代理负载均衡php,seo教练lzw

forEach() 方法用于调用数组的每个元素,并将元素传递给回调函数。

语法:

array.forEach(funtion callbackfn(value, index, array), thisValue)

funtion callbackfn(value, index, array):必需参数,指定回调函数,最多可以接收三个参数:

value:数组元素的值。

index:数组元素的数字索引。

array:包含该元素的数组对象。

thisValue:可省略的参数,回调函数中的 this 可引用的对象。如果省略 thisArg,则 this 的值为 undefined。

下面通过代码示例来具体了解一下:

示例1:输出数组元素

function f(value,index,array) { console.log("a[" + index + "] = " + value);}var a = [a, , c];a.forEach(f);

示例2:将数组值进行累加求和

var a = [10, 11, 12], sum = 0;function f(value) {sum += value;}a.forEach(f);console.log(sum);

示例3:将数组值连接成字符串

var a = [ab, cd, ef], str = "";function f(value) {// str=str + value;str=str.concat(value);}a.forEach(f);console.log(str);

方法2、使用reduce() 方法

reduce() 方法可对数组中的所有元素调用指定的回调函数。该回调函数的返回值为累积结果,并且此返回值在下一次调用该回调函数时作为参数提供。

语法:

array.reduce(function callbackfn(previousValue, currentVaule, currentIndex, array), initialValue)

function callbackfn(previousValue, currentVaule, currentIndex, array):必需参数,指定回调函数,最多可以接收4个参数:

previousValue:通过上一次调用回调函数获得的值。如果向 reduce() 方法提供 initialValue,则在首次调用函数时,previousValue 为 initialValue。

currentVaule:当前元素数组的值。

currentIndex:当前数组元素的数字索引。

array:包含该元素的数组对象。

initialValue:可省略的参数,传递给函数的初始值。

下面通过代码示例来具体了解一下:

示例1:将数组值进行累加求和

var a = [11, 12, 13], sum = 0;function f(pre,curr) {sum=pre+curr;return sum;}a.reduce(f);console.log(sum);

输出结果:

36

示例2:将数组值连接成字符串

var a = [11, 12, 13], str = \;function f(pre,curr) {str=pre+\+curr;return str;}a.reduce(f);console.log(str);

如果想要使用分隔符来分隔每个数组元素,可将回调函数中两个“+”运算符间的空字符串变为指定分隔符:

var a = [11, 12, 13], str = \;function f(pre,curr) {str=pre+-+curr;return str;}a.reduce(f);console.log(str);

好了,就说到这里了,有需要的可以看:javascript高级教学

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。