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

2023-12-19 22:39:10


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

数组转字符串

join()

  • 将一个数组(或一个类数组对象)的所有元素连接成一个字符串并返回这个字符串。如果数组只有一个元素,那么将返回该项目而不使用分隔符。
  • 分隔符默认为逗号‘,’
  • 注:如果一个元素为 undefinednull,它会被转换为空字符串
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']

文章来源:https://blog.csdn.net/zhaoguang2018/article/details/135085734
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。