详解JS数组与字符串互相转换

此为防止偶尔遗忘所以写下记录，随时回看
🔛 转换开始啦~

数组转字符串

join()

• 将一个数组（或一个类数组对象）的所有元素连接成一个字符串并返回这个字符串。如果数组只有一个元素，那么将返回该项目而不使用分隔符。
• 分隔符默认为逗号‘,’
• 注：如果一个元素为 undefined 或 null，它会被转换为空字符串。

let myArray = [1, 2, 3, 4, 5, undefined, null, 6]
let newArray = myArray.join()
let newArray2 = myArray.join('')
let newArray3 = myArray.join('-')

console.log(newArray) //1,2,3,4,5,,,6
console.log(newArray2) //123456
console.log(newArray3) //1-2-3-4-5---6
console.log(myArray) //[1, 2, 3, 4, 5, undefined, null, 6]

toString()

• 返回一个字符串，表示指定的数组及其元素。
• Array对象覆盖了Object的 toString 方法。对于数组对象，toString 方法连接数组并返回一个字符串，其中包含用逗号分隔的每个数组元素。等同于不写分隔符的join()或join(',')。
• 当一个数组被作为文本值或者进行字符串连接操作时，将会自动调用其 toString 方法。

let myArray = [1, 2, 3, 4, 5, undefined, null, 6]
let newArray = myArray.toString()

console.log(newArray) //1,2,3,4,5,,,6
console.log(myArray) //[1, 2, 3, 4, 5, undefined, null, 6]

字符串转数组

split()

• 使用指定的分隔符字符串将一个String对象分割成字符串数组，以一个指定的分割字串来决定每个拆分的位置。
• 注：用作分割的字符或字符串在返回的数组中是不存在的。

let myStr = 'xiaoming,xiaohong,dayang,laolv';
let myArray = myStr.split(',');  //按‘,’分割组成数组
let myArray2= myStr.split(''); //按最小粒度划分，组成数组
let myArray3= myStr.split('ao');  //按传入的字符串组分割，组成数组
console.log(myArray) //['xiaoming', 'xiaohong', 'dayang', 'laolv']
console.log(myArray2) // ['x', 'i', 'a', 'o', 'm', 'i', 'n', 'g', ',', 'x', 'i', 'a', 'o', 'h', 'o', 'n', 'g', ',', 'd', 'a', 'y', 'a', 'n', 'g', ',', 'l', 'a', 'o', 'l', 'v']
console.log(myArray3) // ['xi', 'ming,xi', 'hong,dayang,l', 'lv']