js中什么方法可以将数组元素组合成一个字符串,js连接数组中元素的方法

  js中什么方法可以将数组元素组合成一个字符串,js连接数组中元素的方法

  在上一篇文章《JS数组学习之如何根据数组下标删除任意元素》中,我们介绍了使用delete运算符或splice()方法根据数组下标删除数组元素的方法。这一次,我们将继续JavaScript数组的学习和练习,看看如何将数组变成字符串。感兴趣的朋友可以了解一下~

  这篇论文的主题是:将一个数组中的所有元素拼接成一个字符串,简单来说就是把数组变成一个字符串。例如,下面的数组:

  arr=[1,2,3,4,5,6,7,8,9,0];想拼接其中的所有元素,返回一个字符串,比如“1234567890”或者“1,2,3,4,5,6,7,8,9,0”。你是怎么做到的?下面我们介绍几种方法。

  方法一:使用for循环遍历数组,拼接每个数组元素

  遍历我们使用for循环的数组;可以使用字符串串联运算符“”或concat()方法进行拼接(详见文章《JS字符串学习之巧用函数来连接多个字符串》)。

  让我们看一下实现代码:

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

  var i,str=“”;

  for(I=0;iarr .长度;I ){ //循环遍历数组

  //拼接

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

  //str=str arr[I];

  }

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

  注意:此方法适用于将一维数组转换为字符串。

  方法二:使用toString()方法

  String()可以将每个元素转换成一个字符串,然后用逗号将输出连接起来进行显示。(注意:toString()方法不支持自定义分隔符!)

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

  var字符串;

  str=arr . tostring();

  console . log(str);

  toString()方法可以处理多维数组,并将所有数组迭代转换为字符串。

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

  var字符串;

  str=arr . tostring();

  console . log(str);

  方法三:使用join()方法

  array.join(separator)方法用于将数组array中的所有元素放入一个字符串中,每个元素之间可以用separator参数设置的分隔符隔开;如果省略该参数,默认情况下会用逗号“,”分隔(这与toString()方法的输出相同)。

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

  var str1,str2,str3

  str 1=arr . join();

  str 2=arr . join(-);

  str 3=arr . join(==);

  console . log(str 1);

  console . log(str 2);

  console . log(str 3);

  如果不想要分隔符,可以将分隔符参数设置为空字符串();

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

  var字符串;

  str=arr . join();

  console . log(str);

  join()方法也可以处理多维数组,但是需要省略参数。输出与toString()相同:

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

  var字符串;

  str=arr . join();

  console . log(str);

  说明:

  如果数组包含对象(非简单类型),那么调用join()和toString()方法的结果,无论元素的内容是什么,都是显示[object Object]字符串。

  Var arr=[{ name:李华 },张三,李四];

  console . log(arr . tostring());//[object Object],张三,李四

  console . log(arr . join());//[object Object],张三,李四

  通常,join()方法经常在实际场景中使用。

  好了,就这样。有需要的可以看看:javascript高级教程。以上是JS数组如何学习拼接所有元素,返回一个字符串的细节。更多信息请关注我们的其他相关文章!

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

留言与评论(共有 条评论)
   
验证码: