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


相关推荐

  • webrtc开发入门_统计的简单应用

    webrtc开发入门_统计的简单应用WebRTC介绍及简单应用WebRTC,即WebRealTimeCommunication,web实时通信技术。简单地说就是在web浏览器里面引入实时通信,包括音视频通话等。WebRT

    2022年8月1日
    5
  • vue子组件向父组件传值的三种方式_vue父页面传值到子页面

    vue子组件向父组件传值的三种方式_vue父页面传值到子页面1.用于子组件触发事件传递给父组件子组件:rowEvent里面也可以带参数事件treeData是携带的参数rowEvent(){this.$emit(‘rowEvent’,’treeData’’);},父组件:在父组件绑定自定义事件直接可以获取到rowEvents(obj){console.log(obj)},2.用ref(常用于不触发的事件)子组件定义个…

    2025年8月31日
    5
  • 实现领域驱动设计pdf_领域驱动设计实例

    实现领域驱动设计pdf_领域驱动设计实例在上一部分,分层架构的目的是为了将业务规则剥离出来在单独的领域层中进行实现。再回顾一下领域驱动设计的分层中应用层代码的实现。所有的业务规则都抽象到领域对象,比如“order.pay(amount)”

    2022年8月4日
    9
  • 实例讨论数据可视化的配色思路怎么写_配色分析案例

    实例讨论数据可视化的配色思路怎么写_配色分析案例引子有一数据集如下:数据解读:研究对象的目标层A分为B1,B2,B3三个准则层;B1层下有C1,C2,C3,C44个指标;B2层下只有C5一个指标;B3层有C6,C7,C83个指标。指标权重是该指标在所属准则层的权重;组合权重是该指标在目标层的权重。现在,要绘制上述数据的“组合权重”的饼图。如何给这个饼图配色呢?数据可视化配色的误区下图是群友绘制的图:他自己对结果不满意,他认为是颜色搭配太丑。我们来看看,他的配色问题出在哪:颜色太

    2022年10月2日
    2
  • SpringMVC框架介绍[通俗易懂]

    SpringMVC框架介绍[通俗易懂]史上最全最强SpringMVC详细示例实战教程SpringMVC学习笔记—-一、SpringMVC基础入门,创建一个HelloWorld程序1.首先,导入SpringMVC需要的jar包。2.添加Web.xml配置文件中关于SpringMVC的配置springmvcorg.springframework.web.servlet.Dispatche…

    2022年6月7日
    34
  • 重启nginx后丢失nginx.pid的解决方法

    重启nginx后丢失nginx.pid的解决方法

    2021年10月8日
    97

发表回复

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

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