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)
上一篇 2025年7月30日 上午8:01
下一篇 2025年7月30日 上午8:22


相关推荐

  • @Transactional(rollbackFor=Exception.class)的使用

    @Transactional(rollbackFor=Exception.class)的使用引言 最近在优化项目的代码 然后使用的是阿里的 P3C 代码规范检查 然后就出现了如下的提示 方法 create 需要在 Transactiona 注解指定 rollbackFor 或者在方法中显示的 rollback 原因 并未在方法内或者注解上说明发生异常时如何回滚 下图是方法的完整的代码 解决方案之一 在此方法 Transactiona 注解后面加上 rollbackFor E

    2026年3月18日
    2
  • Kubernetes搭建spinnaker服务

    Kubernetes搭建spinnaker服务背景 2017 2018 年左右的吧 不记得看什么了看到了 spinnaker 但是当时真的安装不起来 各种被墙裂 2020 年底学习了泽阳大佬的 spinnaker 实践课程 通过 Halyard 方式搭建了 spinnaker 的集群 并与 jenkinsgitla 完成了集成 2021 年初稍微玩了一下 就去整别的事情去了 没有能应用于线上环境 下半年了 jenkinsk8s 这些的流程现在基本都是清晰了 想把 cd 从 jenkins 中剥离出来教给 spinnaker 了 就重新温习一下 spinnak

    2025年12月2日
    6
  • GPT-4o提效神器!8种王炸用法让小白秒变大神(附提示词模版)

    GPT-4o提效神器!8种王炸用法让小白秒变大神(附提示词模版)

    2026年3月16日
    2
  • 单应性矩阵的理解及求解3「建议收藏」

    http://www.sohu.com/a/223594989_100007727前面文章《从零开始学习「张氏相机标定法」(一)成像几何模型》中我们已经得到了像素坐标系和世界坐标系下的坐标映射关系:其中,u、v表示像素坐标系中的坐标,s表示尺度因子,fx、fy、u0、v0、γ(由于制造误差产生的两个坐标轴偏斜参数,通常很小)表示5个相机内参,R,t表示相机外参,Xw、Yw、Zw(假设标…

    2022年4月18日
    94
  • 远程读取elasticSearch数据库并导出数据「建议收藏」

    远程读取elasticSearch数据库并导出数据「建议收藏」packageorg.elasticsearch.esTest;importjava.awt.List;importjava.io.BufferedWriter;importjava.io.File;importjava.io.FileWriter;importjava.io.IOException;importjava.util.ArrayList;importjava

    2022年6月6日
    81
  • MyBatis Generator 详解

    MyBatis Generator 详解MyBatisGener 中文文档 MyBatisGener 中文文档地址 http mbg cndocs ml 该中文文档由于尽可能和原文内容一致 所以有些地方如果不熟悉 看中文版的文档的也会有一定的障碍 所以本章根据该中文文档以及实际应用 使用通俗的语言来讲解详细的配置 本文中所有节点的链接都是对应的中文文档地址 可以点击查看详细信息 注 本文后面提到

    2026年3月26日
    1

发表回复

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

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