一、数组转字符串

1、array.join(separator)

可以通过自定义分隔符（如空格等）来分隔数组编变成字符串，默认以逗号分隔

// 数组转换为字符串
var arr3 = [1, 2, 3, 4]
// array.join(separator)
// separator 可选。指定要使用的分隔符。如果省略该参数，则使用逗号作为分隔符。
// join()   把数组的所有元素放入一个字符串 join()可选择分隔符
console.log(arr3.join()) // 1,2,3,4var arr4 = ['string', 'number', 'symbol', 'boolean', 'null', 'underfind', 'object']
// join()可选择分隔符 逗号分隔 arr4.join() 等价于 arr4.join(',')
console.log(arr4.join()) // string,number,symbol,boolean,null,underfind,object
console.log(arr4.join(',')) // string,number,symbol,boolean,null,underfind,object
// 空格分隔
console.log(arr4.join(' ')) // string number symbol boolean null underfind object
// and 分隔
console.log(arr4.join(' and ')) // string and number and symbol and boolean and null and underfind and object

2、array.toString()

默认以逗号分隔

// 数组转换为字符串
var arr3 = [1, 2, 3, 4]
// array.toString()
// toString()   把数组转换为字符串，并返回结果。（数组的所有值用逗号隔开）
console.log(arr3.toString()) // 1,2,3,4var arr4 = ['string', 'number', 'symbol', 'boolean', 'null', 'underfind', 'object']
console.log(arr4.toString()) // string,number,symbol,boolean,null,underfind,object

3、String()

JavaScript 全局函数 String() 把对象的值转换为字符串（String() 函数返回与字符串对象的toString()方法值一样）

 // 数组转换为字符串
var arr3 = [1, 2, 3, 4]
var arr4 = ['string', 'number', 'symbol', 'boolean', 'null', 'underfind', 'object']
// String() 函数把对象的值转换为字符串
// String(object)
// object   必需，JavaScript 对象
// String() 函数返回与字符串对象的toString()方法值一样
console.log(String(arr3)) // 1,2,3,4
console.log(String(arr4)) // string,number,symbol,boolean,null,underfind,object

二、字符串转数组

1、string.split(separator,limit)

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

// 字符串转换为数组
// string.split(separator,limit)
// separator 可选，字符串或正则表达式，从该参数指定的地方分割 string Object
// limit 可选，该参数可指定返回的数组的最大长度。如果设置了该参数，返回的子串不会多于这个参数指定的数组。如果没有设置该参数，整个字符串都会被分割，不考虑它的长度
var str1 = 'hello world'
console.log(str1.split()) // ['hello world']
console.log(str1.split('')) //  ['h', 'e', 'l', 'l', 'o', ' ', 'w', 'o', 'r', 'l', 'd']
// 以空格分隔
console.log(str1.split(' ')) // ['hello', 'world']
// 以空格分隔，且返回数组长度为 1
console.log(str1.split(' ', 1)) // ['hello']
// 以 l 分隔
console.log(str1.split('l')) // ['he', '', 'o wor', 'd']

2、Array.from(object, mapFunction, thisValue)

from() 方法用于通过拥有 length 属性的对象或可迭代的对象来返回一个数组（字符串、数组的对象属性）

// 字符串转换为数组
var str1 = 'hello the new world'
// Array.from(object, mapFunction, thisValue)
// object   必需，要转换为数组的对象
// mapFunction  可选，数组中每个元素要调用的函数
// thisValue    可选，映射函数(mapFunction)中的 this 对象
console.log(str1.length) // 19
console.log(Array.from(str1)) // ["h", "e", "l", "l", "o", " ", "t", "h", "e", " ", "n", "e", "w", " ", "w", "o", "r", "l", "d"]

3、展开运算符及解构赋值

// 字符串转换为数组
var str1 = 'hello the new world'
// 展开运算符允许在需要多个元素（如数组文字）的地方扩展诸如字符串之类的可迭代对象
console.log([...str1]) // ['h', 'e', 'l', 'l', 'o', ' ', 'w', 'o', 'r', 'l', 'd']
// 解构赋值
// 解构赋值语法可以将数组或可迭代对象中的值解包为不同的变量
var [...str2] = str1
console.log(str2) // ['h', 'e', 'l', 'l', 'o', ' ', 'w', 'o', 'r', 'l', 'd']

JavaScript 数组与字符串的相互转换相关推荐

1. php中如何比较数组和字符串,PHP中数组和字符串的相互转换-PHP数组和字符串互相转换方法-吾爱编程网...

   网站开发过程中有时候会有一些字符串和数组互转,接下来吾爱编程为大家介绍一下字符串和数组互转的方法,有需要的小伙伴可以参考一下: 1.将字符串转换为数组:/** * 将字符串转换为数组 * @param ...

2. Java数组和字符串的相互转换

   Java数组和字符串的相互转换 字符串转换为数组 Java String 类中的 toCharArray() 方法将字符串转换为字符数组,具体代码如下所示. String str = "12 ...

3. JavaScript数组转字符串

   JavaScript数组转字符串 join() 方法用于把数组中的所有元素放入一个字符串.元素是通过指定的分隔符进行分隔的. arrayObject.join(separator) 参数说明: sep ...

4. 3种JavaScript 数组转换为字符串的方法

   英文 | https://javascript.plainenglish.io/how-to-convert-a-javascript-array-into-a-string-f066c8839a1d ...

5. Java 字节数组与字符串的相互转换

   字节数组与字符串的相互转换 字节数组转字符串 字符串转字节数组 字节数组转字符串 //字节数组转字符串byte[] data = {104, 101, 108, 108, 111};//1.整体转换/ ...

6. Java字符数组与字符串的相互转换

   Java中字符数组与字符串的相互转换 字符数组转字符串 字符串转字符数组 字符数组转字符串 char[] chs = {'h', 'e', 'l', 'l', 'o'};//传递一个参数,即字符数组名 ...

7. 【JavaScript】js数组与字符串的相互转换

   一.数组转字符串 需要将数组元素用某个字符连接成字符串,示例代码如下: var a, b; a = new Array(0,1,2,3,4); b = a.join("-"); 二 ...

8. 数组和字符串的相互转换---------数组转换为字符串

   1.Array.join()方法 将数组的每一项用指定字符连接形成一个字符串.默认连接字符为 "," 逗号. 注:将字符串转化为数组的String.split("分隔符& ...

9. js数组与字符串的相互转换方法

   1.数组转字符串 需要将数组元素用某个字符连接成字符串,示例代码如下 1 var a, b; 2 a = new Array(0,1,2,3,4); 3 b = a.join("-" ...

最新文章

1. HTML5 script 标签的 crossorigin 和integrity属性的作用
2. JDBC——数据库的隔离级别
3. Nginx的rewrite内容介绍
4. [渝粤教育] 西南科技大学 投资经济学 在线考试复习资料(2)
5. 开发一个Swing功能时的一点总结
6. 【ActiveMQ】消息生产者自动注入报错：Could not autowire. No beans of 'JmsMessagingTemplate' type found
7. 感恩节活动促销海报模板，摆好借势感恩节的姿势
8. linux 高性能日志,linux日志系统
9. 虚拟机ping不通主机与外网的解决方法
10. 复旦NLP组：大厂模型的鲁棒性进步了吗？
11. java web学习_JavaWeb学习路线
12. python 打包exe(包含把资源文件打进包)
13. 通俗讲解光线追踪原理，一文理清各类光线追踪
14. dB、dBm、dBw的含义和转化关系
15. Iphone蓝牙通信
16. C++笔记之linux下非阻塞多线程运行多个系统shell命令(popen方法)
17. C语言表达式是运算符和,C语言之运算符和表达式
18. 帝国CMS7.5照样可以高仿haosf网站风格
19. 2021年G2电站锅炉司炉考试报名及G2电站锅炉司炉试题及解析
20. oracle 权限问题9017,深入浅出Oracle学习笔记（5）

热门文章

1. 王汎森：如果让我重做一次研究生
2. java家族的姓氏MainClass,名门修谱：互联网家谱，可以一个姓氏同修一本谱！
3. 使用ffmpeg AVfilter 中的amix实现混音
4. SEO优化-尖叫青蛙screamingfrog-搜索优化-网站地图
5. C#操作Excel进行文件读写合并单元格列求和
6. 宝藏世界服务器中断,宝藏世界账号密码大全 | 手游网游页游攻略大全
7. java学业有成_学业有成的祝福语
8. python官网地址-python官方网站
9. 商标网error：Failed to execute ‘send‘ on ‘XMLHttpRequest‘: Failed to load ‘http://127.0.0.1:18080/‘解决方案
10. 多线程聊天室，可以实现聊天，发送文件，语音通话等功能！