js连接数组中元素的方法,js数组元素拼接字符串

  js连接数组中元素的方法,js数组元素拼接字符串

  在之前的文章《JS数组学习之怎么拼接全部元素,返回一个字符串》,《JS数组学习之迭代数组计算元素总和、将值连接成字符串》中,我们介绍了几种按照数组的顺序从左到右拼接所有元素形成一个字符串的方法。这次继续把JS数组介绍给string,讲讲把所有数组元素反向(从右到左)拼接形成一个倒串的方法。有需要的朋友可以了解一下~

  这篇文章的主要内容是:反向遍历数组,将数组的元素从右到左拼接成一个字符串。下面介绍三种实现方法。

  方法1:利用for循环

  实现理念:

  使用for循环反向遍历数组

  如果要逆向遍历数组,初始条件是i=数组长度-1,约束条件是i=0。我每次循环都需要减1 (I-)。

  for(I=arr . length-1;I=0;I-){//反向循环数组。

  }然后用字符串串联运算符“”或concat()方法拼接数组元素,变成字符串。【推荐阅读:《JS字符串学习之巧用函数来连接多个字符串》】

  让我们看一下实现代码:

  var arr=[1,2,3,4,5,6,7,8,9,0];

  var i,str=“”;

  for(I=arr . length-1;I=0;I-){//反向循环数组。

  //拼接

  str=str arr[I];

  //str=str . concat(arr[I]);

  }

  console . log(str);输出是:

  方法2:利用数组的reduceRight() 方法

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

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

  PreviousValue:初始值,或上次调用回调函数获得的值。

  CurrentVaule:当前元素数组的值。

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

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

  让我们看看如何用reduceRight()反转拼接数组元素。

  var arr=[1,2,3,4,5,6,7,8,9,0];

  var str=“”;

  函数f(前,后){

  str=pre curr

  返回字符串;

  }

  arr . reduce right(f);

  console . log(str);输出是:

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

  var arr=[1,2,3,4,5,6,7,8,9,0];

  var str=“”;

  函数f(前,后){

  str=pre - curr;

  返回字符串;

  }

  arr . reduce right(f);

  console . log(str);输出是:

  方法3:利用reverse()+reduce()

  Reverse()可以颠倒数组中元素的顺序;reduce()方法的语法和用法与reduceRight()方法大致相同,只是它从左到右对数组中的所有元素调用指定的回调函数。

  array.reduce(函数回调fn(上一值,当前值,当前索引,数组),初始值)的实现思路:

  首先用reverse()对数组元素进行反转,得到一个新的数组arr2;

  然后实现reduce()方法来调用函数并拼接数组元素。

  让我们看一下实现代码:

  var arr1=[1,2,3,4,5,6,7,8,9,0],arr 2=[];

  var str=“”;

  函数f(前,后){

  str=pre curr

  返回字符串;

  }

  arr 2=arr 1 . reverse();

  arr 2 . reduce(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二维数组定义和初始化的三种方法总结
  • 留言与评论(共有 条评论)
       
    验证码: