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

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.lryc.cn/news/41493.html

相关文章:

  • 队列实现及leetcode相关OJ题
  • 【Log4j2远程命令执行复现CVE-2021-12-09】
  • Jenkins 平台搭建 | 为 Jenkins 配置 nginx 反向代理
  • 【云原生】Docker 架构及工作原理
  • 【Java 】Java NIO 底层原理
  • Vue基础27之VueUI组件
  • 第35篇:Java代码规范全面总结
  • Cookie和Session详解
  • Linux之磁盘分区、挂载
  • web渗透之jwt 安全问题
  • 好用的5款国产低代码平台介绍
  • 【前端学习记录】webpack学习之mini-css-extract-plugin插件
  • FPGA基于RIFFA实现PCIE采集HDMI传输,提供工程源码和QT上位机
  • SpringBoot解析指定Yaml配置文件
  • C++基础算法③——排序算法(选择、冒泡附完整代码)
  • 《高质量C/C++编程》读书笔记一
  • 【完美解决】python flask如何直接加载html,css,js,image等下载的网页模板
  • 2023美赛C题【分析思路+代码】
  • 考研复试6 编译原理
  • uni-app:登录与支付--用户信息
  • Docker 部署 MySQL
  • 警惕,3月20日WOS目录更新,50本SCI/SSCI被剔除,这个出版社多达18本
  • 【 Linux入门 】之 手搓 命令行解释器 bash(带源码)
  • 【运维】运维常用命令
  • MYSQL常用命令大全
  • 锚点定位方案
  • Flink学习--第一章 初识Flink
  • 电脑技巧:常见的浏览器内核介绍
  • 【数据分析之道①】字符串
  • 网络安全之防火墙