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


相关推荐

  • 简述交换机vlan配置步骤_华为交换机loopback配置

    简述交换机vlan配置步骤_华为交换机loopback配置交换机VLAN配置基础及实例有关VLAN的技术标准IEEE802.1Q早在1999年6月份就由IEEE委员正式颁布实施了,而且最早的VLNA技术早在1996年Cisco(思科)公司就提出了。随着几年来的发展,VLAN技术得到广泛的支持,在大大小小的企业网络中广泛应用,成为当前最为热门的一种以太局域网技术。本篇就要为大家介绍交换机的一个最常见技术应用–VLAN…

    2022年9月19日
    2
  • Mysql命令_MySQL alter

    Mysql命令_MySQL alter基于Mysql5.7版本的explain参数详解…Mysql官网相关参数解读一:idSELECT标识符1.id越大越先执行2.相同id,从从往下执行二:select_type1.SIMPLE:最简单的查询(没有关联查询没有子查询没有union的查询语句)2:PRIMARY:子查询最外层的查询语句3.SUBQUERY:子查询内层查询语句4.DERIVED:派生表查询,FROM后的不是表而是查询后的结果集5.UNION:union或unionall中的第二个以后的查询表6.U

    2022年9月16日
    1
  • C++ – 实现strstr函数

    C++ – 实现strstr函数分享一个大牛的人工智能教程。零基础!通俗易懂!风趣幽默!希望你也加入到人工智能的队伍中来!请点击http://www.captainbed.net/**CreatedbyChimomo**函数名:strStr*功能:找出字符串str2在字符串str1中第一次出现的位置(不包括str2的串结束符)。*返回值:若找到,返回指向该位置的指针;否则,返回空指针。…

    2022年6月25日
    28
  • 放出一套完整的进销存软件源码[通俗易懂]

    放出一套完整的进销存软件源码[通俗易懂]商易进销存2.0vb+sqlserver下载地址:http://60.2.39.130/microerp/源码非常完整,从速下载,过期失效,不接受菜鸟们的技术帮助请求。

    2022年5月31日
    203
  • 目前见过的最好的开源OA(自动化办公系统)

    目前见过的最好的开源OA(自动化办公系统)办公自动化 OA 是面向组织的日常运作和管理 员工及管理者使用频率最高的应用系统 极大提高公司的办公效率 这也是我目前见过的最好的开源 OA 产品 功能完整 代码结构清晰 值得推荐

    2025年6月21日
    2
  • Python模拟一个用户登录系统

    Python模拟一个用户登录系统题目:模拟一个用户登录系统,用户输入用户名和密码,输入正确即可进入系统直接上代码:#模拟一个用户登录系统,用户输入用户名和密码,输入正确即可进入系统d=[‘yao’,’123456′]while1:name=input("请输入用户名:")ifnameind:breakelse:print("你输入的用户名不存在,请…

    2022年5月17日
    43

发表回复

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

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