【JS基础】在js中如何简单的使用正则表达式

news2025/1/13 13:48:37

文章目录

  • 前言
  • 创建正则
  • 字符类型的匹配方法
    • search
    • replace
    • match
  • 正则的匹配方法
    • test
  • 转义
    • 特殊符号冲突
    • 正则创建问题
  • 记一些规则符号
    • 修饰符
    • 原子表`[]`和原子组`()`
    • 配合转义字符
    • 其他字符
    • 量词
  • 一些实用的正则

前言

关于正则表达式的介绍,推荐看这篇文章正则表达式30分钟入门教程,博客就只记录本人日常可能会用到的东西。

由于本人是金鱼记忆,建议和我一样的学会怎么使用和记住一些基础的规则符号即可,基本上平时需要的正则百度一下就能搜到。


创建正则

首先正则的一般写法是:/正则表达式主体/修饰符(可选),创建出来后可以把他当成一个对象。

let obj = /world/;
console.log(typeof obj);  // object

除了字面量的写法,还可以使用new的写法,第一个参数是个字符串,里面写正则规则,第二个是修饰符。

let obj = new RegExp('world', 'g') // g表示全局匹配

字符类型的匹配方法

意思就是字符类型的变量里有哪些方法是可以联动正则

search

这个方法是通过规则去匹配,匹配到了就返回第一个字符的下标,匹配不到返回-1

let str = "hello world";
let n = str.search(/world/); // 用了简单的正则匹配
console.log(n); // 6 从下标6开始匹配到

像上面这种简单的,也可以直接用字符串去匹配

let str = "hello world";
let n = str.search("world");
console.log(n); // 6 从下标6开始匹配到

replace

这个方法是将匹配到的字符替换成指定字符。

let str = "hello world";
let str1 = str.replace(/world/, 'csdn');
console.log(str1);  // hello csdn

同样,上面这种简单的匹配也可以通过字符串去匹配。

let str = "hello world";
let str1 = str.replace("world", 'csdn');
console.log(str1);  // hello csdn

这个方法的第二个参数支持回调,如参默认为匹配到的字符,然后必须要返回替换的字符

let str = "hello world";
let str1 = str.replace(/world/, s=>{
    return '做一些处理'
});
console.log(str1);  // hello 做一些处理

match

这个方法我理解是search的详细版,返回的是一个数组,里面有一些信息,如果匹配失败了返回null

let str = '123456'
console.log(str.match(/45/)); 

在这里插入图片描述


正则的匹配方法

意思是正则对象里,有哪些方法是匹配相关的。

test

测试指定内容是否匹配正则,匹配到了返回true,反之。

let str = 'hello world'
let reg = /world/;
console.log(reg.test(str), /world/.test(str));  // true,true

转义

特殊符号冲突

正则里面有些符号是有含义的例如.,表示除了换行外的任何字符,可是有时候我们就是想用正常的点符号咋办,可以在前面加上\

let str = '123.456'
console.log(str.search(/\./)); // 3

正则创建问题

字面量创建的方式前后都有个/符号,new的话就直接写字符串,但是一般正则的规则不会像只有字符串这么简单,例如匹配数字的符号\d

let reg1 = /\d/ // 字面量写法没问题
let reg2 = new RegExp('\d') // 意思就变成了只是d
console.log(reg1.test('12.'), reg2.test('12.'), reg2.test('ad')); // true false true

为什么会这样,因为在字符串中'\d' === 'd',真离谱哈哈,所以可以多加个\转义表示

let reg2 = new RegExp('\\d') 
console.log(reg2.test('12.')); // true 

记一些规则符号

一些简单的规则符号记住就行了,分类是我自己定义的,理解意思就行了

修饰符

全局匹配/g

表示全局匹配,且只要匹配上了就不会继续匹配

忽略大小写/i

原子表[]和原子组()

原子表用[]表示,我目前理解的是里面放的字符都是或者的关系

let str = '123456'
console.log(str.match(/[34]/)); // 类似 /3|4/

原子组用()表示,把内部的成员作为一个整体,有点抽象哈,还是用或者符举例

let str = '123456'
console.log(str.match(/34|45/)); // 这个只会去匹配一次
console.log(str.match(/(34|45)/)); // 这个34|45匹一次后还会再34|45匹配一次

配合转义字符

表示数字\d,表示非数字\D

表示空格\s,表示非空格\S

表示字母,数字,下划线\w,反之\W

表示重复前面子项n次\n\1\2

其他字符

任何符号.

以什么为开头^ ,以什么为结尾$

或者 |

|表示

let str = '123456'
console.log(/2|4/.test(str)); // 匹配 2 或者 4

量词

符号含义
*表示0次或0次以上
+表示等于或多于
?表示0次或1次
{}表示出现的次数

一些实用的正则

以后补充哈

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/19419.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

[附源码]java毕业设计商务酒店管理系统

项目运行 环境配置: Jdk1.8 Tomcat7.0 Mysql HBuilderX(Webstorm也行) Eclispe(IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持)。 项目技术: SSM mybatis Maven Vue 等等组成,B/S模式 M…

鲁棒无范围定位算法 (RRGA)(Matlab代码实现)

💥💥💞💞欢迎来到本博客❤️❤️💥💥 🏆博主优势:🌞🌞🌞博客内容尽量做到思维缜密,逻辑清晰,为了方便读者。 ⛳️座右铭&a…

LVS-NAT集群搭建

目录 一、环境准备 1、准备三台centos服务器 2、实验拓扑 3、NAT模式介绍 二、LVS-NAT模式部署 1、给lvs服务器安装LVS 2、新建LVS集群 3、添加Real Server服务器节点 4、开启路由转发 5、给后端web服务器配置网关 6、效果测试 一、环境准备 1、准备三台centos服务器…

【C++右值引用】左右值的交叉引用的具体情景,右值详讲

目录 1.右值和左值 2.左值引用和右值引用 3.左右值的交叉引用的具体情景 3.4当不接受返回值就没有办法优化 1.右值和左值 左值与右值是C语言中的概念,但C标准并没有给出严格的区分方式,一般认为:可以放在左边的,或者能 够取地…

基于stm32单片机的光照检测智能台灯

资料编号&#xff1a;101 下面是相关功能视频演示&#xff1a; 101-基于stm32单片机的光照检测智能台灯照明灯Proteus仿真&#xff08;仿真源码全套资料&#xff09;功能介绍&#xff1a; 1、设置为自动模式下&#xff1a;可以检测光照强度&#xff0c;当光照强度<100Lux的…

QT QThread 多线程操作

在QT中&#xff0c;QT应用程序所在的线程为主线程&#xff0c;也称为“GUI线程”&#xff0c;QT GUI必须运行在此线程上&#xff1b;而非主线程称为“工作者线程”&#xff0c;主要处理从主线程中卸下的一些工作&#xff0c;例如数据的同步访问等。需要明确的是&#xff0c;同一…

SSH框架过时了吗?那就最后分享一份阿里架构师整合的SSH框架实战心得吧!

记得当年 java 的企业级框架还是 ssh 的天下&#xff08;spring&#xff0c;struts和hibernate&#xff09;&#xff0c;但是现在感觉 spring 已经完全把那两个框架甩在后边了。用 spring 的人越来越多&#xff0c;用 struts 的人比原来少多了&#xff0c;用 hibernate 的就更少…

BI-SQL丨SNAPSHOT

快照&#xff08;SNAPSHOT&#xff09; 我们在做BI项目的过程&#xff0c;一旦数据涉及到数据库&#xff0c;那么需要考量到的点就比较多。 1.如果数仓是在项目过程中搭建的&#xff0c;那么需要考虑高可用、灾备机制以及安全性问题&#xff1b; 2.如果我们只是需要连接数据库…

Vue3留言墙项目——头部和底部静态页面搭建

文章目录创建项目头部底部创建项目 Vue中使用scss 头部 头部当中有两个按钮&#xff0c;然后根据设计稿可知&#xff0c;本留言墙中有4个按钮&#xff0c;所以可以自己封装一个按钮组件 按钮组件的博客 components/TopNav.vue <template><div class"topNav…

Vue封装一个按钮组件(不使用框架)

做留言墙项目&#xff0c;根据设计稿&#xff0c;发现有四种按钮&#xff0c;这里不使用框架&#xff0c;自己写一个按钮组件 在components下新建MyButton/MyButton.vue <template><button :class"my-btn btn-${type}"><slot></slot></b…

PLC学习笔记(一):概述

如今&#xff0c;电气装置的控制愈发复杂&#xff0c;仅仅依靠低压电器构建逻辑控制电路显得捉襟见肘&#xff0c;而将逻辑控制电路软件化是在满足控制需求前提下降低成本、提高可靠性的重要途经。 那么&#xff0c;我们是选择单片机还是PLC呢&#xff1f;若选择使用单片机&…

嵌入式开发学习之--初识stm32函数库

提示&#xff1a;本篇文章主要以了解为主。 文章目录前言一、库目录及文件简介二、常用资料总结前言 上一篇说到&#xff0c;其实我们不必去直接操作寄存器&#xff0c;也不必自己去写库函数&#xff0c;stm32官方函数库已经满足我们绝大部分的需求了&#xff0c;这一篇文章&a…

逻辑漏洞挖掘

逻辑漏洞# 逻辑漏洞是指由于程序逻辑输入管控不严或者逻辑太复杂&#xff0c;导致程序不能够正常处理或处理错误&#xff0c;逻辑漏洞根据功能需求的不同产生的漏洞方式也不同。一般出现在网站程序的登录注册、密码找回、验证方式、信息查看、交易支付金额等地方。 这类漏洞不…

【第十五章 java反射机制,获取Class类的实例,创建运行时类的对象,调用运行时类中指定的结构】

第十五章 java反射机制&#xff0c;获取Class类的实例&#xff0c;创建运行时类的对象&#xff0c;调用运行时类中指定的结构 1.java反射机制概述 加载完类之后&#xff0c;在堆内存的方法区中就产生了一个Class类型的对象&#xff08;一个类只有一个Class对象&#xff09;&am…

[计算机毕业设计]改进粒子群算法的监测资源调度

前言 &#x1f4c5;大四是整个大学期间最忙碌的时光,一边要忙着准备考研,考公,考教资或者实习为毕业后面临的就业升学做准备,一边要为毕业设计耗费大量精力。近几年各个学校要求的毕设项目越来越难,有不少课题是研究生级别难度的,对本科同学来说是充满挑战。为帮助大家顺利通过…

【学海】中位数(Median)的介绍以及如何在不同条件下计算中位数

一、什么是中位数 中位数是指将数据按大小顺序排列起来&#xff0c;形成一个数列&#xff0c;居于数列中间位置的那个数据。中位数用Me表示。 从中位数的定义可知&#xff0c;所研究的数据中有一半小于中位数&#xff0c;一半大于中位数。中位数的作用与算术平均数相近&#…

CAD DWG 比较--DWG Compare ActiveX Control

DWG Compare ActiveX Control AutoDWG DWG 比较 ActiveX 控件&#xff0c;比以往更快&#xff01; DWGCompareX 是一个主动控件 (COM)&#xff0c;可帮助您找出 AutoCAD 图形版本之间的差异并以图形方式显示它们。 主要特征&#xff1a; 显示视图中的差异&#xff0c;对添加的实…

LeetCode-剑指51-数组中的逆序对

1、归并排序 我们可以利用归并排序在合并两个数组时会比较两个数组中的值来确定有多少逆序对。我们用左指针指向左边的数组&#xff0c;右指针指向右边的数组。每当左指针右移时&#xff0c;我们在总数上加上右指针指向位置与起始位置的差值即可。 class Solution { public:i…

基于stm32单片机自动灭火火灾报警装置Proteus仿真

资料编号&#xff1a;102 下面是相关功能视频演示&#xff1a; 102-基于stm32单片机自动灭火火灾报警装置Proteus仿真&#xff08;仿真源码全套资料&#xff09;功能介绍&#xff1a; 火焰传感器的原理&#xff1a;是通过感知外部特殊波段光照强度的突变来判断是否出现火灾&a…

[附源码]java毕业设计汽车租赁管理系统论文

项目运行 环境配置&#xff1a; Jdk1.8 Tomcat7.0 Mysql HBuilderX&#xff08;Webstorm也行&#xff09; Eclispe&#xff08;IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持&#xff09;。 项目技术&#xff1a; SSM mybatis Maven Vue 等等组成&#xff0c;B/S模式 M…