JavaScript-正则表达式方法(RegExp)

RegExp 对象用于将文本与一个模式匹配。

有两种方法可以创建一个 RegExp 对象:一种是字面量,另一种是构造函数。

字面量由斜杠 (/) 包围而不是引号包围。

构造函数的字符串参数由引号而不是斜杠包围。

new RegExp(pattern[, flags])

一.符集合

1.选择符(|,&)

类似逻辑运算符

2.转义字符(\)

注意需要转义的字符 ,比如后文提及到的元字符也可以这样理解 :d为普通字符 /d 将其转义为元字符使用 .为回车或换行外的任意字符 /.转义为普通字符

在正则中主要存在这些特殊字符:*,+,?,$,^,.,|,\,(,),{,},[,]

 注意:创建正则表达式的时候,构造函数方法需要多转义一次或者直接设置字面量传入。

3.边界约束符(^,$)
字符等价类
^以xxx开始
$以xxx结束
\b单词边界
\B非单词边界

4.普通元字符

d:digit s:space w:word

字符等价类含义
.[^\r\n]除了回车符和换行符之外的所有字符
\d[0-9]数字字符
\D[^0-9]非数字字符
\s[\t\n\x0B\f\r]空白符
\S[^\t\n\x0B\f\r]非空白符
\w[a-zA-Z_0-9]单词字符(字母、数字、下划线)
\W[^a-zA-Z_0-9]非单词字符
5.量词
字符含义
出现零次或一次(最多出现一次) 禁止贪婪
+出现一次或者多次(至少出现一次) 贪婪
*出现零次或者多次(任意次) 贪婪
{n}出现n次
{n,m}出现n到m次
{n,}至少出现n次 贪婪
6.原子表([ ],[^])

 [abcd] 包含其中一个即可 [] 实际代表的就是 一位字符

 [^abcd] 只要不是他们四个中的一个即可 [^] 实际代表的就是 一位字符

在原子表中的有些元字符无作用,只会是普通字符,例如 .

匹配所有字符:[\s\S]   [\d\D]   [\w\W]   [^]

let str='dekwjfih4c89fh8h87890@@@##$$1'

console.log(str.match(/[^]+/))

console.log(str.match(/[\s\S]+/))

console.log(str.match(/[\d\D]+/))

console.log(str.match(/[\w\W]+/))

7.原子组  ( ( ),( ?:))
①捕获组:( )

举个例子:

let test=`

<h1>

    henry

</h1>

<h2>man</h2>

正常情况下,我们这样提取:

let reg=/<h[1-6]>[\s\S]*</h[1-6]>/ 

但是发现h[1-6]重复 那么我们可以把它作为一个"组"

模式中的 \1 和 \2 表示第一个和第二个被捕获括号匹配的子字符串,而在正则表达式的替换环节,则要使用像 $1$2、...、$n 这样的语法。$&为当前匹配项,$'为匹配项左边的内容,$`为匹配项右边的内容。

此时后面的h[1-6]我们就可以利用“1”这个组获取

let reg=/<(h[1-6])>[\s\S]*<\/\1>/

利用函数:

无论哪种方式,0为整个内容

练习:验证邮箱

let reg=/^[\w-]+@([\w-]+\.)+(com|net|cn)$/i

②非捕获组:(?:) 

③原子组别名 (?< >)

数字可以利用?<>创建别名

例如/?<h>(h[1-6])/     获取:$<h>即可

8.模式匹配标记(g,i,m,y,u,s)

g和y的区别:

g会跳过不满足的字符,而y只要遇到不满足就停止了

练习:

将下列内容转换为['name','price']输出(跳过非水果类)

    let goods=`

    #1 apple,200元 #

    #2 banana,300元 #

    #3 tool   #工具

    #4 pear,500元 #

    `

9.断言匹配 (?<=,?=) 

其实可以理解类似为条件语句 ?<=为判断前面的条件 (?<!则为后面不是) ?=为后面 (?!则为后面不是)

例如:把前面有hello的Jack改为jack

二.实例方法

1.RegExp.prototype.test()

test() 方法执行一个检索,用来查看正则表达式与指定的字符串是否匹配。返回 true 或 false。

2.RegExp.prototype.exec()

exec() 方法在一个指定字符串中执行一个搜索匹配。返回一个结果数组或 null。

和String的match方法对比:

exec方法使得利用g修正符仍能看到字符属性 这是利用了RegExp.lastIndex这个实例属性。

3.RegExp.prototype.toString()

toString() 返回一个表示该正则表达式的字符串。

4.RegExp.prototype[Symbol.xx]()

支持正则表达式的 String 对象的方法有:

  • search: 检索与正则表达式相匹配的值
  • match: 找到一个或多个正则表达式的匹配。
  • matchAll: 找到一个或多个正则表达式的匹配。(baselin-2020)-相当于match的迭代器版本
  • replace: 替换与正则表达式匹配的子串。
  • split: 把字符串分割为字符串数组。

三.实例属性

1.RegExp.lastIndex()

lastIndex 是正则表达式的一个可读可写的整型属性,用来指定下一次匹配的起始索引。

正则的两大特性

1.懒惰
正常捕获字符串的时候, 每次都从下标0开始
解决方式: 给正则添加一个修饰符 g
2.贪婪
每次在捕获的时候, 会尽可能的多捕获一些东西(*,+)
解决方法: 在原有的修饰符后添加一个 ? 然后相当于开启非贪婪模式

正则的一些实用

1.批量校验正则

利用Array的实例方法:

const password='123enrY'

let regs=[/^[a-z0-9]{5,10}$/i,/[A-Z]/]

let state=regs.every(item=>item.test(password))

console.log(state?'正确':'错误')

2.封装全局匹配:

    function serach(string,reg){

        while(res=reg.exec(string)){

            result.push(res)

        }

    }

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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

网安——计算机网络基础

一、计算机网络概述 1、Internet网相关概念及发展 网络&#xff08;Network&#xff09;有若干结点&#xff08;Node&#xff09;和连接这些结点的链路&#xff08;link&#xff09;所组成&#xff0c;在网络中的结点可以是计算机、集线器、交换机或路由器等多个网络还可以通…

React第二十二章(useDebugValue)

useDebugValue useDebugValue 是一个专为开发者调试自定义 Hook 而设计的 React Hook。它允许你在 React 开发者工具中为自定义 Hook 添加自定义的调试值。 用法 const debugValue useDebugValue(value)参数说明 入参 value: 要在 React DevTools 中显示的值formatter?:…

Facebook 隐私风波:互联网时代数据安全警钟

在社交媒体飞速发展的今天&#xff0c;个人数据的隐私保护已成为全球关注的焦点。作为全球最大的社交平台之一&#xff0c;Facebook面临的隐私问题&#xff0c;尤其是数据泄露事件&#xff0c;频繁引发公众的广泛讨论。从用户信息被滥用到数据泄漏&#xff0c;Facebook的隐私挑…

HTML5 网站模板

HTML5 网站模板 参考 HTML5 Website Templates

Web前端对于登陆注册界面的实现

<!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>请注册登陆</title> </head> <body&…

Linux初识:【shell命令以及运行原理】【Linux权限的概念与权限管理】

目录 一.shell命令以及运行原理 二.Linux权限的概念与权限管理 2.1Linux权限的概念 sudo普通用户提权 2.2Linux权限管理 2.2.1文件访问者的分类&#xff08;人&#xff09; 2.2.2文件类型和访问权限&#xff08;事物属性&#xff09; 2.2.3文件权限值的表示方法 字符…

UML系列之Rational Rose笔记七:状态图

一、新建状态图 依旧是新建statechart diagram&#xff1b; 二、工作台介绍 接着就是一个状态的开始&#xff1a;开始黑点依旧可以从左边进行拖动放置&#xff1a; 这就是状态的开始&#xff0c;和活动图泳道图是一样的&#xff1b;只能有一个开始&#xff0c;但是可以有多个…

Java内存与缓存

Java内存管理和缓存机制是构建高性能应用程序的关键要素。它们之间既有联系又有区别&#xff0c;理解这两者对于优化Java应用至关重要。 Java 内存模型 Java内存模型&#xff08;JMM&#xff09;定义了线程如何以及何时可以看到其他线程修改过的共享变量的值&#xff0c;并且规…

带头双向循环链表(数据结构初阶)

文章目录 双向链表链表的分类概念与结构实现双向链表定义链表结构链表打印判空申请结点初始化头插尾插头删尾删查找指定位置插入和删除销毁链表 顺序表和链表的分析结语 欢迎大家来到我的博客&#xff0c;给生活来点impetus&#xff01;&#xff01; 这一节我们学习双向链表&a…

持续集成 01|Gitee介绍、Pycharm使用Gitee

目录 一、理论 二、 git的简介与安装 三、Gitee 1、注册网易163邮箱 2、注册Gitee账号 3、git和gitee管理代码工作原理 三、PyCharm安装配置Gitee 四、Pycharm使用Gitee插件的五种场景 1、将 Gitee的新仓库 Checkout&#xff08;检出&#xff09;到 Pycharm中 2、推送…

金融项目实战 05|Python实现接口自动化——登录接口

目录 一、代码实现自动化理论及流程 二、脚本实现的理论和准备工作 1、抽取功能转为自动化用例 2、搭建环境(测试工具) 3、搭建目录结构 三、登录接口脚本实现 1、代码编写 1️⃣api目录 2️⃣script目录 2、断言 3、参数化 1️⃣编写数据存储文件&#xff1a;jso…

【git】-3 github创建远程仓库,上传自己的项目,下载别人的项目

一、如何使用Github 1、创建远程仓库 2、使用github拉取/推送代码 克隆仓库 向远程仓库推送代码-git push 二、上传我们自己的项目到github 方法一&#xff1a;直接上传 方法二&#xff1a;使用git命令 方法三&#xff1a; 将仓库拉取到本地上传 三、下载别人的项目 …

Java算法 数据结构基础 并查集 模版 [洛谷-P3367]

目录 题目地址 题目描述 输入输出样例 并查集模版 介绍 1. 路径压缩&#xff08;Path Compression&#xff09; 2. 按秩合并&#xff08;Union by Rank / Size&#xff09; 代码讲解 操作讲解 时间复杂度分析 应用场景 题目地址 【模板】并查集 - 洛谷 题目描述 输…

PyCharm文档管理

背景&#xff1a;使用PyCharmgit做文档管理 需求&#xff1a;需要PyCharm自动识别docx/xslx/vsdx等文件类型&#xff0c;并在PyCharm内点击文档时唤起系统内关联应用(如word、excel、visio) 设置步骤&#xff1a; 1、file -》 settings -》file types 2、在Files opened i…

卷积神经05-GAN对抗神经网络

卷积神经05-GAN对抗神经网络 使用Python3.9CUDA11.8Pytorch实现一个CNN优化版的对抗神经网络 简单的GAN图片生成 CNN优化后的图片生成 优化模型代码对比 0-核心逻辑脉络 1&#xff09;Anacanda使用CUDAPytorch2&#xff09;使用本地MNIST进行手写图片训练3&#xff09;…

基于springboot的租房网站系统

作者&#xff1a;学姐 开发技术&#xff1a;SpringBoot、SSM、Vue、MySQL、JSP、ElementUI、Python、小程序等 文末获取“源码数据库万字文档PPT”&#xff0c;支持远程部署调试、运行安装。 项目包含&#xff1a; 完整源码数据库功能演示视频万字文档PPT 项目编码&#xff1…

创建 WordPress 插件(第一部分):添加管理页面

WordPress 是互联网上最受欢迎的内容管理系统之一。它是用 PHP 创建的&#xff0c;可以处理从博客到商业网站的一切需求。事实上&#xff0c;我们的博客和网站都使用 WordPress。在本文中&#xff0c;我将向你展示如何创建一个 WordPress 插件&#xff0c;该插件会在管理员控制…

「港科技」联手「地平线」打造GPT风格的自动驾驶世界模型:DrivingWorld

摘要 最近在自回归&#xff08;AR&#xff09;生成模型方面的成功&#xff0c;例如自然语言处理中的GPT系列&#xff0c;激发了在视觉任务中复制这一成功的努力。一些研究尝试将这种方法扩展到自动驾驶中&#xff0c;通过构建基于视频的世界模型来生成逼真的未来视频序列和预测…

FPGA工程师成长四阶段

朋友&#xff0c;你有入行三年、五年、十年的职业规划吗&#xff1f;你知道你所做的岗位未来该如何成长吗&#xff1f; FPGA行业的发展近几年是蓬勃发展&#xff0c;有越来越多的人才想要或已经踏进了FPGA行业的大门。很多同学在入行FPGA之前&#xff0c;都会抱着满腹对职业发…

SOME/IP协议详解 基础解读 涵盖SOME/IP协议解析 SOME/IP通讯机制 协议特点 错误处理机制

车载以太网协议栈总共可划分为五层&#xff0c;分别为物理层&#xff0c;数据链路层&#xff0c;网络层&#xff0c;传输层&#xff0c;应用层&#xff0c;其中今天所要介绍的内容SOME/IP就是一种应用层协议。 SOME/IP协议内容按照AUTOSAR中的描述&#xff0c;我们可以更进一步…