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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 如何理解无偏估计量_无偏估计量是唯一的吗

    如何理解无偏估计量_无偏估计量是唯一的吗现实中常常有这样的问题,比如,想知道全体女性的身高均值 ,但是没有办法把每个女性都进行测量,只有抽样一些女性来估计全体女性的身高:那么根据抽样数据怎么进行推断?什么样的推断方法可以称为“好”?1无偏性比如说我们采样到的女性身高分别为:那么:是对 不错的一个估计,为什么?因为它是无偏估计。首先,真正的全体女性的身高均值 ,我们是不知道,只有上帝才知道,在图中就画…

    2025年8月18日
    2
  • jediscluster.set_java.lang.throwable

    jediscluster.set_java.lang.throwable如果使用的是redis3.x中的集群,在项目中使用jedisCluster。1、项目结构2、pom.xml123xsi:schemaLocation=”http://maven.apache.org/POM/4.0.0http://maven.apache.org/maven-v4_0_0.xsd”>454.0.067com.xxx8myboot9…

    2022年10月14日
    3
  • linux安装redis 完整步骤

    linux安装redis 完整步骤最近在linux服务器上需要安装redis,来存放数据,增加用户访问数据的速度,由于是第一次安装,于是在百度上搜了一篇文章,按照这篇博客,顺利安装好了,因此将博主的文章拷过来记录一下,方便以后使用,也为需要的朋友提供一个方便,参考博文地址:https://www.cnblogs.com/lauhp/p/8487029.html安装:1.获取redis资源  wgethttp://download…

    2022年6月28日
    32
  • php 获取当前用户的IP

    代码如下:推荐:http://www.cnblogs.com/roucheng/p/phpexcel.html

    2021年12月24日
    48
  • float double取值范围_double float区别

    float double取值范围_double float区别Java浮点数浮点数结构  要说清楚Java浮点数的取值范围与其精度,必须先了解浮点数的表示方法,浮点数的结构组成,之所以会有这种所谓的结构,是因为机器只认识01,你想表示小数,你要机器认识小数点这个东西,必须采用某种方法,比如,简单点的,float四个字节,前两个字节表示整数位,后两个字节表示小数位(这就是一种规则标准),这样就组成一个浮点数。而Java中浮点数采用的是IEEE754标准。IEE

    2025年8月10日
    3
  • 前端使用Vue框架解决跨域问题「建议收藏」

    前端使用Vue框架解决跨域问题「建议收藏」现在项目开发,都实现前后端分离开发,导致前端向后端发送请求,会出现跨域错误;如何解决这个问题?方法一:后端可以下载cors包,对指定的前端域名允许请求;具体操作可以自行百度;今天主要介绍的是前端人员不用去麻烦后端人员,就可以通过前端设置实现跨域请求;方法二:前端设置服务器代理;本人用的是脚手架vue…

    2025年11月25日
    4

发表回复

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

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