当前位置: 首页 > article >正文

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

http://www.kler.cn/a/2290.html

相关文章:

  • Sigrity SPEED2000 Power Ground Noise Simulation模式如何查看PDS系统的自阻抗操作指导
  • JQuery封装的ajax
  • 除了 Postman,还有什么好用的 API 调试工具吗
  • 使用 start-local 脚本在本地运行 Elasticsearch
  • C# 委托与匿名方法
  • [CKS] K8S ServiceAccount Set Up
  • Linux 总结9个最危险的命令,一定要牢记在心!
  • 通过DNS数据包解释DNS协议各个字段含义
  • Java中 ==和equals的区别是什么?
  • 流量分析-Wireshark -操作手册(不能说最全,只能说更全)
  • Golang每日一练(leetDay0012)
  • 让项目干系人满意的3大要点
  • list底层的简单实现(万字长文详解!)
  • 今天,我终于学懂了C++中的引用
  • 全网最全面,python自动化测试持续邮件集成,一步步详解......
  • 【Python_requests学习笔记(六)】基于requests模块构建免费代理IP池
  • 程序员的代码行数越少越好?
  • 【STL四】序列容器——vector容器
  • 【2023.3.18 美团校招】
  • 微前端(无界)
  • 今天面试了一个2年Java经验的
  • Selenium基础篇之不打开浏览器运行
  • 136. 只出现一次的数字
  • 第十四届蓝桥杯三月真题刷题训练——第 19 天
  • 推荐 5 个好玩的 ChatGPT 开源应用
  • vue3自定义svg图标组件