JS数组转字符串(3种方法)和字符串转数组(2种)

JS数组转字符串(3种方法)和字符串转数组(2种)一 数组转字符串 3 种方法 同样是数组转字符串 toString toLocaleStri join join 的区别是什么 JavaScript 允许数组与字符串之间相互转换 其中 Array 方法对象定义了 3 个方法 可以把数组转换为字符串 如表所示 数组方法说明 toString 将数组转换成一个字符串 toLocaleStri 把数组转换成本地约定的字符串 join 将数组元素连接起来以构建一个字符串 1 join 方法

一:数组转字符串(3种方法)

同样是数组转字符串,toString(),toLocaleString(),join(),join(’,’)的区别是什么?

JavaScript 允许数组与字符串之间相互转换。其中 Array 方法对象定义了 3 个方法,可以把数组转换为字符串,如表所示。

数组方法 说明
toString() 将数组转换成一个字符串
toLocaleString() 把数组转换成本地约定的字符串
join() 将数组元素连接起来以构建一个字符串
1:join()方法用于把数组中的所有元素放入一个字符串

元素是通过指定的分隔符进行分隔的

join()指定的分隔符 说明
join() 可理解为直接变成字符串,默认逗号分隔
join(’ ‘) 空连接
join(’ ,’)或者 join(’ – ‘)或者 join(’ 。’) 中间这个逗号是手动添加的,也可以改成别的比如、。! -等等都可以
// join() var a= ["00", "01", "02", "03", "04"] var b= a.join() console.log(b) console.log( typeof b) //打印结果 00,01,02,03,04 
// join('') var a= ["00", "01", "02", "03", "04"] var b= a.join('') console.log(b) console.log( typeof b) //打印结果 000 
// join(',') var a= ["00", "01", "02", "03", "04"] var b= a.join(',') console.log(b) console.log( typeof b) //打印结果 00,01,02,03,04 或者 // join('-') var a= ["00", "01", "02", "03", "04"] var b= a.join('-') console.log(b) console.log( typeof b) //打印结果 00-01-02-03-04 或者 // join('!') var a= ["00", "01", "02", "03", "04"] var b= a.join('!') console.log(b) console.log( typeof b) //打印结果 00!01!02!03!04 
2:toString()方法可把一个逻辑值转换为字符串,并返回结果
var a= ["00", "01", "02", "03", "04"] var c = a.toString(); //把数组转换为字符串 console.log(c) console.log(typeof c); //返回字符串string,说明是字符串类型 //打印结果 00,01,02,03,04 

toString()方法不可以指定分隔符,但是我们可以通过replace()方法指定替换

var a= ["00", "01", "02", "03", "04"] var f = a.toString().replace(/,/gi,'-') console.log(f) //打印结果:00-01-02-03-04 
3:toLocaleString()

把数组转换成本地约定的字符串

var a= ["00", "01", "02", "03", "04"] var e = a.toLocaleString(); console.log(e) console.log(typeof e); //打印结果:00,01,02,03,04 

demo

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <script src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
        <title></title>
    </head>
    <body>
    </body>
    <script type="text/javascript">
        var a= ["00", "01", "02", "03", "04"]
        
        //1:
        var b=  a.join(',')      
        console.log(b)
        console.log( typeof b)
        //2:
        var c = a.toString();  //把数组转换为字符串
        console.log(c)
        console.log(typeof c);  //返回字符串string,说明是字符串类型
        
        //3:
        var d = a.join();  //把数组转换为字符串
        console.log(d)
        console.log(typeof d);  //返回字符串string,说明是字符串类型
		
		//4:
		var e = a.toLocaleString();  //把数组转换为字符串
		console.log(e)
		console.log(typeof e);  //返回字符串string,说明是字符串类型
        
    </script>
</html>

JS数组转字符串(3种方法)和字符串转数组(2种)

二:字符串转数组(2种方法)

字符串方法 说明
split() 方法 将字符串转换成一个数组
扩展运算符(…) es6里面的扩展运算符

字符串转数组

1:split() 方法用于把一个字符串分割成字符串数组

同样是用于把一个字符串分割成字符串数组,split(’,’),split(),split(’ ‘)的区别是什么?

split()方法 说明
split(’,’)
split() 可理解为直接变成字符串,默认逗号分隔
split(’ ‘) 空字符串 每个字符之间都会被分割
var arr = 'aa,bb,cc,dd' var newStr = arr.split(',') console.log(newStr) // 打印结果:["aa", "bb", "cc", "dd"] 
var arr = 'aa,bb,cc,dd' var newStr = arr.split() console.log(newStr) // 打印结果: ["aa,bb,cc,dd"] 

如果把空字符串 (“”) 用作 separator,那么 stringObject 中的每个字符之间都会被分割

var arr = 'aa,bb,cc,dd' var newStr = arr.split('') console.log(newStr) //打印结果: ["a", "a", ",", "b", "b", ",", "c", "c", ",", "d", "d"] 
2:es6里面的扩展运算符
var arr = 'aa,bb,cc,dd' var newStr = [...arr] console.log(newStr) //打印结果 ["a", "a", ",", "b", "b", ",", "c", "c", ",", "d", "d"] 
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/233316.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 伯努利分布、二项式分布与多项式分布简介「建议收藏」

    伯努利分布、二项式分布与多项式分布简介「建议收藏」一,伯努利分布(bernoulidistribution)又叫做0-1分布,指一次随机试验,结果只有两种。也就是一个随机变量的取值只有0和1。记为:0-1分布或B(1,p),其中p表示一次伯努利实验中结果为正或为1的概率。 概率计算:P(X=0)=p0P(X=1)=p1期望计算:E(X)=0∗p0+1∗p1=p最简单的例子就是,抛一次硬币,预测…

    2022年10月11日
    4
  • maven

    maven

    2021年5月28日
    124
  • Elasticsearch搜索引擎该怎么使用,这篇文章彻底讲透(荣耀典藏版)

    Elasticsearch搜索引擎该怎么使用,这篇文章彻底讲透(荣耀典藏版)什么是Elasticsearch?Elasticsearch该怎么使用?这篇文章带你认识Elasticsearch

    2025年7月9日
    5
  • 一个依赖搞定 Spring Boot 反爬虫,防止接口盗刷!

    一个依赖搞定 Spring Boot 反爬虫,防止接口盗刷!

    2020年11月13日
    305
  • 工作流入门教程(flowable框架)

    工作流入门教程(flowable框架)最近有一段时间没写博客了,本来打算写写对于工作流的心得,但是工作时间比较饱和只好延后。最初接触工作流是上一家公司工作,具体我不透露哪家公司,只是感受到人情冷暖,或许公司都是这样,当你的价值被用完了也就是你走人的时候。好了,废话不多说,我们直接进入主题。前言对于框架的选型,我推荐使用flowable框架,在最初的项目选型是选择activiti的,但是深入去了解框架的时候发现activiti还是有一些坑的,而flowable正是activiti框架的修正版,据了解flowable的背景是activiti原班

    2022年5月21日
    1.8K
  • Repeater嵌套总结

    Repeater嵌套总结Repeater嵌套使用就相当于两个for语句的组合使用。在这组两个Reapeater的组合使用中,标示红色的代码是链接两个Repeater的纽带,主要是范围大的Repeater向范围小的Repeater中的如何传值,这里就是使用的是作为中间桥梁。这里的原理就是,当工作范围大的Repeater进行赋值时,此时就将这个中间桥梁中传值。每循环依次,这个中间桥梁就标示着当前的这一条数据,那么再传

    2022年10月13日
    5

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号