vue使用split()将字符串分割数组join()将数组转字符串reverse()将数组反转

深碍√TFBOYSˉ_ 2024-03-25 20:01 51阅读 0赞

**1.split() 将字符串切割成数组**

const str = 'Hello Vue2 Vue3'
    console.log(str.split())
    console.log(str.split(''))
    console.log(str.split(' '))
    console.log(str.split(' ', 2))
    console.log(str.split(' ', 6))

**输出如下**  
1.split()不传参数默认整个字符串作为数组的一个元素，返回包含原始字符串的数组  
2.split(‘’)单引号不传参数默认将字符串拆分成一个个字符数组  
如输入参数： const str = 123456789’  
拆分后：\[‘1’, ‘2’, ‘3’, ‘4’, ‘5’, ‘6’, ‘7’, ‘8’, ‘9’\]  
3.split(’ ')将字符串按空格才分成数组，这个用的比较多的如","将字符串根据逗号切割成数组  
4.split(separator, limit)  
separator ：可选参数。用于拆分的字符串或正则表达式。如果省略输出结果如一所示  
limit ：可选。限制拆分数量的整数。超出限制如五所示。

一：['Hello Vue2 Vue3']
    二：['H', 'e', 'l', 'l', 'o', ' ', 'V', 'u', 'e', '2', ' ', 'V', 'u', 'e', '3']
    三：['Hello', 'Vue2', 'Vue3']
    四：['Hello', 'Vue2']
    五：['Hello', 'Vue2', 'Vue3']

**2.reverse() 将数组的字符串进行一个倒序反转。【注】： reverse() 方法只对数组起作用。**

const str = 'Hello Vue2 Vue3'
    console.log(str.split(' ').reverse())

**输出如下**

['Vue3', 'Vue2', 'Hello']

**3.join() 将组数重新整合成一个字符串**

const arr = ['Vue3', 'Vue2', 'Hello']
    console.log(arr.join())
    console.log(arr.join('*'))

**输出如下**  
1.join()不传默认按，分割数组  
2.join(‘\*’)按指定字符将数组分割成字符串

Vue3,Vue2,Hello
    Vue3*Vue2*Hello