vue字符串转html代码（vue使用split()将字符串分割数组join()将数组转字符串reverse()将数组反转）

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