js数组合并为字符串,js数组累加方法

  js数组合并为字符串,js数组累加方法

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

  本文带你聊聊数组的迭代运算,介绍两种计算元素之和以及将值链接成字符串的方法。

  方法1、使用forEach()方法

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

  语法:

  Array . foreach(function callback fn(value,index,array),this value)function callback fn(value,index,array):必选参数,指定回调函数,最多可以接收三个参数:

  Value:数组元素的值。

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

  Array:包含这个元素的数组对象。

  ThisValue:可选参数,可以在回调函数中被this引用。如果省略thisArg,则此的值是未定义的。

  让我们仔细看看下面的代码示例:

  示例1:输出数组元素

  函数f(值,索引,数组){

  console.log(a[ index ]=值);

  }

  var a=[a , b , c ];

  a . foreach(f);

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

  var a=[10,11,12],sum=0;

  函数f(值){

  总和=值;

  }

  a . foreach(f);

  console . log(sum);

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

  var a=[ab , cd , ef],str=

  函数f(值){

  //str=str值;

  str=str . concat(value);

  }

  a . foreach(f);

  console . log(str);

  方法2、使用reduce() 方法

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

  语法:

  Array.reduce(函数回调fn(前一值,当前值,当前索引,数组),初始值)函数回调fn(前一值,当前值,当前索引,数组):必选参数,指定回调函数,最多可以接收4个参数:

  PreviousValue:上次调用回调函数获得的值。如果reduce()方法带有initialValue,则第一次调用该函数时,previousValue为initialValue。

  CurrentVaule:当前元素数组的值。

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

  Array:包含这个元素的数组对象。

  InitialValue:传递给函数初始值的可选参数。

  让我们仔细看看下面的代码示例:

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

  var a=[11,12,13],sum=0;

  函数f(前,后){

  sum=pre curr

  返回总和;

  }

  a .减少(f);

  console . log(sum);输出结果:

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

  var a=[11,12,13],str=“”;

  函数f(前,后){

  str=pre curr

  返回字符串;

  }

  a .减少(f);

  console . log(str);

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

  var a=[11,12,13],str=“”;

  函数f(前,后){

  str=pre - curr;

  返回字符串;

  }

  a .减少(f);

  console . log(str);

  好了,就这样。有需要的可以看看:javascript高级教程。以上是JS数组学习的详细内容,即计算元素的和,将值连接成字符串。更多请关注我们的其他相关文章!

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

相关文章阅读

  • slice 数组,js中的slice()方法,JS数组方法slice()用法实例分析
  • js数组转字符串,字符串转数组方法,JS 数组转字符串
  • js数组转字符串,字符串转数组方法,JS 数组转字符串,JS数组转字符串实现方法解析
  • js数组筛选的方法,js 多条件筛选
  • js数组筛选的方法,js 多条件筛选,JS实现数组过滤从简单到多条件筛选
  • js数组的常用10种方法详解图,js数组的常用10种方法详解图片
  • js数组的常用10种方法详解图,js数组的常用10种方法详解图片,JS数组的常用10种方法详解
  • js数组去重的几种方式,js数组去重最简单的方法
  • js数组去重的几种方式,js数组去重最简单的方法,js数组去重的11种方法
  • js数组去重最简单的方法,数组去重方法js
  • js数组去重最简单的方法,数组去重方法js,七种JS实现数组去重的方式
  • js数组中去除重复值的几种方法是什么,js数组中去除重复值的几种方法有哪些
  • js数组中去除重复值的几种方法是什么,js数组中去除重复值的几种方法有哪些,js数组中去除重复值的几种方法
  • js初始化一个数组,js数组初始化的三种方式
  • js初始化一个数组,js数组初始化的三种方式,js二维数组定义和初始化的三种方法总结
  • 留言与评论(共有 条评论)
       
    验证码: