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

news/2024/10/23 7:35:18/

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.ppmy.cn/news/33707.html

相关文章

Java Web 实战 15 - 计算机网络之网络编程套接字

文章目录一 . 网络编程中的基本概念1.1 网络编程1.2 客户端(client) / 服务器(server)1.3 请求(request) / 响应(response)1.4 客户端和服务器之间的交互数据1.4.1 一问一答1.4.2 多问一答1.4.3 一问多答1.4.4 多问多答二 . socket 套接字2.1 UDP 的 Socket API2.1.1 引子2.1.2…

嵌入式硬件电路设计的基本技巧

目录 1 分模块 2 标注关键参数 3 电阻/电容/电感/磁珠的注释 4 可维修性 5 BOM表归一化 6 电源和地的符号 7 测试点 8 网络标号 9 容错性/兼容性 10 NC、NF 11 版本变更 12 悬空引脚 13 可扩展性 14 防呆 15 信号的流向 16 PCB走线建议 17 不使用\表示取反 不…

web测试技术

一、Web 测试与传统测试的区别 相同之处 测试内容: 功能、性能、易用性、兼容性、安全性等 测试方法: 等价类边界值法、判定表法、状态迁移法,流程分析法、因果图法、错误猜测法等 测试手段: 人工测试、工具测试等不同之处 Web 测…

C++造轮子飙车现场之无锁、有锁环形队列实现

先看带锁的实现。 带锁版本 circular_queue.h // 头文件防卫 #ifndef CIRCULAR_QUEUE_H #define CIRCULAR_QUEUE_H#include <mutex> // 互斥量 #include <condition_variable> // 条件变量template <typename T> class CircularQueue { public:// 构造函数…

docker安装overleaf并升级texlive

20230321 0. 引言 之前在虚拟机安装了overleaf&#xff0c;应该是两年前的事情了&#xff0c;本来是想尝试一下overleaf更新了什么功能&#xff0c;但是没想到浪费了这么多时间。当时安装的还是2.5的版本&#xff0c;现在已经是3.5了。 在这个过程中&#xff0c;有几个地方需…

脱不下孔乙己的长衫,现代的年轻人该怎么办?

“如果我没读过书&#xff0c;我还可以做别的工作&#xff0c;可我偏偏读过书” “学历本该是我的敲门砖&#xff0c;却成了我脱不下的长衫。” 最近&#xff0c;“脱下孔乙己的长衫”在网上火了。在鲁迅的原著小说中&#xff0c;孔乙己属于知识阶级&#xff08;长衫客&#xf…

供水管网微观水力模型

国外在管网建模方面起步于20世纪60年代。20世纪80年代&#xff0c;随着计算机及相应技术的发展&#xff0c;遥测远传设备的应用进入了实用化阶段&#xff0c;国内已有很多供水企业实现了供水管网建模。给水管网系统建模&#xff0c;就是为仿真模拟管网系统动态实时运行情况建立…

从 hybrid开发----》微前端

为什么开始写关于微前端的一系列博客&#xff1f; 1. 学生时代讨论关于hybrid APP的应用开发&#xff0c;历史的选择总是变化的&#xff0c;需要更进一步深入。 2. 之前工作项目中见到过沙箱隔离之后CSS冲突&#xff0c;需要学一下如何解决 ----------------------------- …