【JavaScript 漫游】【014】正则表达式通关

news2024/11/25 10:23:52

树林_铁轨_秋
文章简介

JS 语言中的 RegExp 对象提供正则表达式的功能。本篇文章旨在对该对象的相关知识点进行总结。内容包括：

  1. 正则表达式概述
  2. RegExp 对象的实例属性
  3. RegExp 对象的实例方法
  4. 字符串与正则表达式相关的实例方法
  5. 正则表达式匹配规则

概述

正则表达式的概念

正则表达式（regular expression）是一种表达文本模式（即字符串结构）的方法，有点像字符串的模板，常常用来按照“给定模式”匹配文本。比如，正则表达式给出一个 Email 地址的模式，然后用它来确定一个字符串是否为 Email 地址。

新建正则表达式的两种方法

新建正则表达式有两种方法。一种是使用字面量，以斜杆表示开始和结束。

var regex = /xyz/;

另一种是使用 RegExp 构造函数。

var regex = new RegExp('xyz');

两种写法的主要区别是，第一种方法在引擎编译代码时，就会新建正则表达式，第二种语法在运行时新建正则表达式，所以前者的效率较高。而且，前者比较便利和直观，所以实际应用中，基本上都采用字面量定义正则表达式。

实例属性

修饰符相关的实例属性

  • RegExp.prototype.ignoreCase：返回一个布尔值，表示是否设置了 i 修饰符
  • RegExp.prototype.global：返回一个布尔值，表示是否设置了 g 修饰符
  • RegExp.prototype.multiline：返回一个布尔值，表示是否设置了 m 修饰符
  • RegExp.prototype.flags：返回一个字符串，包含了已经设置的所有修饰符，按字母排序
var r = /abc/igm;

r.ignoreCase; // true
r.global; // true
r.multiline; // true
r.flags; // 'gim'

与修饰符无关的属性

  • RegExp.prototype.lastIndex：返回一个整数，表示下一次开始搜索的位置。该属性可读写，但是只是进行连续搜索时有意义
  • RegExp.prototype.source：返回正则表达式的字符串形式（不包括反斜杠），该属性只读
var r = /abc/igm;

r.lastIndex; // 0
r.source; // 'abc'

实例方法

RegExp.prototype.test()

该方法返回一个布尔值，表示当前模式是否能匹配参数字符串。

/cat/.test('cats and dogs'); // true

如果正则表达式带有 g 修饰符，则每一次 test 方法都从上一次结束的位置开始向后匹配。

var r = /x/g;
var s = '_x_x';

r.lastIndex // 0
r.test(s) // true

r.lastIndex // 2
r.test(s) // true

r.lastIndex // 4
r.test(s) // false

带有 g 修饰符时，可以通过正则对象的 lastIndex 属性指定开始搜索的位置。

var r = /x/g;
var s = '_x_x';

r.lastIndex = 4;
r.test(s);

r.lastIndex; // 0
r.test(s);

RegExp.prototype.exec()

正则实例对象的 exec() 方法，用来返回匹配结果。如果发现匹配，就返回一个数组，成员是匹配成功的子字符串，否则返回 null。

var s = '_x_x';
var r1 = /x/;
var r2 = /y/;

r1.exec(s) // ["x"]
r2.exec(s) // null

如果正则表达式包含圆括号（即含有“组匹配”），则返回的数组会包括多个成员。第一个成员是整个匹配成功的结果，后面的成员就是圆括号对应的匹配成功的组。

var s = '_x_x';
var r = /_(x)/;

r.exec(s) // ["_x", "x"]

exec() 方法的返回数组还包含以下两个属性：

  • input：整个原字符串
  • index：模式匹配成功的开始位置（从 0 开始计数）
var r = /a(b+)a/;
var arr = r.exec('_abbba_aba_');
arr // ["abbba", "bbb"]
arr.index // 1
arr.input // "_abbba_aba_"

如果正则表达式加上 g 修饰符，则可以使用多次 exec() 方法，下一次搜索的位置从上一次匹配成功结束的位置开始。

var reg = /a/g;
var str = 'abc_abc_abc';

var r1 = reg.exec(str);
r1 // ["a"]
r1.index // 0
reg.lastIndex // 1

var r2 = reg.exec(str);
r2 // ["a"]
r2.index // 4
reg.lastIndex // 5

var r3 = reg.exec(str);
r3 // ["a"]
r3.index // 8
reg.lastIndex // 9

var r4 = reg.exec(str);
r4 // null
reg.lastIndex // 0

字符串与正则表达式相关的实例方法

String.prototype.match()

字符串实例对象的 match 方法对字符串进行正则匹配，返回匹配结果。

var s = '_x_x';
var r1 = /x/;
var r2 = /y/;

s.match(r1) // ["x"]
s.match(r2) // null

match() 与正则对象的 exec 方法非常类似：匹配成功返回一个数组，匹配失败返回 null

如果正则表达式带有 g 修饰符，则该方法与正则对象的 exec 方法行为不同，会一次性返回所有匹配成功的结果。

var s = 'abba';
var r = /a/g;

s.match(r) // ["a", "a"]
r.exec(s) // ["a"]

设置正则表达式的 lastIndex 属性，对 match 方法无效，匹配总是从字符串的第一个字符开始。

var r = /a|b/g;
r.lastIndex = 7;

'xaxb'.match(r) // ['a', 'b']
r.lastIndex // 0

String.prototype.search()

字符串对象的 search 方法，返回第一个满足条件的匹配结果在整个字符串中的位置。如果没有任何匹配，则返回 -1。

'_x_x'.search(/x/)
// 1

String.prototype.replace()

字符串对象的 replace 方法可以替换匹配的值。它接受两个参数，第一个是正则表达式，表示搜索模式，第二个是替换的内容。

str.replace(search, replacement);

正则表达式如果不加 g 修饰符，就替换第一个匹配成功的值，否则替换所有匹配成功的值。

'aaa'.replace('a', 'b'); // 'baa'
'aaa'.replace(/a/, 'b'); // 'baa'
'aaa'.replace(/a/g, 'b'); // 'bbb'

String.prototype.split()

字符串对象的 split 方法按照正则规则分割字符串，返回一个由分割后的各个部分组成的数组。

str.split(separator, [limit]);

该方法接受两个参数，第一个参数是正则表达式，表示分隔规则，第二个参数是返回数组的最大成员数。

// 非正则分隔
'a,  b,c, d'.split(',')
// [ 'a', '  b', 'c', ' d' ]

// 正则分隔，去除多余的空格
'a,  b,c, d'.split(/, */)
// [ 'a', 'b', 'c', 'd' ]

// 指定返回数组的最大成员
'a,  b,c, d'.split(/, */, 2)
[ 'a', 'b' ]

匹配规则

字面量字符和元字符

大部分字符在正则表达式中，就是字面的含义，比如 /a/ 匹配 a，/b/ 匹配 b。如果在正则表达式之中，某个字符只表示它字面的含义，那么它们就叫做“字面量字符”（literal characters）

/dog/.test('old dog'); // true

除了字面量字符以外，还有一部分字符有特殊含义，不代表字面的意思。它们叫做“元字符”（metacharacters），主要有以下几个

点字符 .

点字符. 匹配除回车\r、换行\n、行分隔符\u2028 和 段分割符\u2029以外的所有字符。注意，对于码点大于 0xFFFF 字符，点字符不能正确匹配，会认为这是两个字符。

/c.t/.test('cat'); // true
/c.t/.test('caat'); // false

位置字符

位置字符用来提示字符所处的位置，主要有两个字符。

  • ^表示字符串的开始位置
  • $表示字符串的结束位置
// test必须出现在开始位置
/^test/.test('test123') // true

// test必须出现在结束位置
/test$/.test('new test') // true

// 从开始位置到结束位置只有test
/^test$/.test('test') // true
/^test$/.test('test test') // false

选择符|

表示关系或，即 cat|dog表示匹配 cat 或 dog。

其他的元字符还包括\、\*、+、?、()、[]、{} 等在后文会有解释。

转义符

正则表达式中那些有特殊含义的元字符，如果要匹配它们自身，就需要在它们前面要加上反斜杠。比如要匹配 +，就要写成\+。

/1+1/.test('1+1');
// false

/1\+1/.test('1+1');
// true

正则表达式中，需要反斜杠转义的，一共有12个字符：^、.、[、$、(、)、|、*、+、?、{ 和 \。需要特别注意的是，如果使用 RegExp 方法生成正则对象，转义需要使用两个斜杠，因为字符串内部会先转义一次。

字符类

字符类（class）表示有一系列字符可供选择，只要匹配其中一个就可以了。所以可供选择的字符都放在方括号内，比如[xyz]表示x、y、z之中任选一个匹配。

/[abc]/.test('hello world') // false
/[abc]/.test('apple') // true

有两个字符在字符类中有特殊含义。

脱字符^

如果方括号内的第一个字符是[^]，则表示除了字符类之中的字符，其他字符都可以匹配。比如，[^xyz] 表示除了 x、y、z 之外都可以匹配。

/[^abc]/.test('bbc news'); // true
/[^abc]/.test('bbc'); // false

如果方括号内没有其他字符，即只有[^]，就表示匹配一切字符，其中包括换行符。相比之下，点号作为元字符.是不包括换行符的。

var s = 'Please yes\nmake my day!';
s.match(/yes.*day/) // null
s.match(/yes[^]*day/) // [ 'yes\nmake my day']

注意，脱字符只有在字符类的第一个位置才有特殊含义，否则就是字面含义

连字符-

某些情况下，对于连续序列的字符，连字符-用来提供简写形式，表示字符的连续范围。比如，[abc]可以写成[a-c]，[0123456789]可以写成[0-9]，同理[A-Z]表示26个大写字母。

/a-z/.test('b') // false
/[a-z]/.test('b') // true

注意，当连字符不出现在方括号之中，就不具备简写的作用，只代表字面的含义，所以不匹配字符b。只有当连字符用在方括号之中，才表示连续的字符序列。

以下都是合法的字符类简写形式。

[0-9.,]
[0-9a-fA-F]
[a-zA-Z0-9-]
[1-31]

上面代码中最后一个字符类[1-31]，不代表1到31，只代表1到3。

预定义模式

预定义模式指的是某些常见模式的简写方式。

  • \d 匹配0-9之间的任一数字，相当于[0-9]
  • \D 匹配所有0-9以外的字符，相当于[^0-9]
  • \w 匹配任意的字母、数字和下划线，相当于[A-Za-z0-9_]
  • \W 除所有字母、数字和下划线以外的字符，相当于[^A-Zz-z0-9_]
  • \s 匹配空格（包括换行符、制表符、空格符等），相等于[ \t\r\n\v\f]
  • \S 匹配非空格的字符，相当于[^ \t\r\n\v\f]
  • \b 匹配词的边界
  • \B 匹配非词边界，即在词的内部
// \s 的例子
/\s\w*/.exec('hello world') // [" world"]

// \b 的例子
/\bworld/.test('hello world') // true
/\bworld/.test('hello-world') // true
/\bworld/.test('helloworld') // false

// \B 的例子
/\Bworld/.test('hello-world') // false
/\Bworld/.test('helloworld') // true

重复类

模式的精确匹配次数，使用大括号{}表示。{n}表示恰好重复n次，{n,}表示至少重复n次，{n,m}表示重复不少于n次，不多于m次。

/lo{2}k/.test('look') // true
/lo{2,5}k/.test('looook') // true

量词符

量词符用来设定某个模式出现的次数。

  • ? 问号表示某个模式出现0次或1次，等同于{0, 1}
  • * 星号表示某个模式出现0次或多次，等同于{0,}
  • +加号表示某个模式出现1次或多次，等同于{1,}
// t 出现0次或1次
/t?est/.test('test') // true
/t?est/.test('est') // true
// t 出现1次或多次
/t+est/.test('test') // true
/t+est/.test('ttest') // true
/t+est/.test('est') // false
// t 出现0次或多次
/t*est/.test('test') // true
/t*est/.test('ttest') // true
/t*est/.test('tttest') // true
/t*est/.test('est') // true

贪婪模式

上面的三个量词符，默认情况下都是最大可能匹配，即匹配到下一个字符不满足匹配规则为止。这被称为贪婪模式。

var s = 'aaa';
s.match(/a+/) // ["aaa"]

除了贪婪模式，还有非贪婪模式，即最小可能匹配。只要一发现匹配，就返回结果，不要往下检查。如果想将贪婪模式改为非贪婪模式，可以在量词符后面加一个问号。

var s = 'aaa';
s.match(/a+?/) // ["a"]

除了非贪婪模式的加号+?，还有非贪婪模式的星号*?和非贪婪模式的问号??

  • +?：表示某个模式出现1次或多次，匹配时采用非贪婪模式
  • *?：表示某个模式出现0次或多次，匹配时采用非贪婪模式
  • ??：表示某个模式出现0次或1次，匹配时采用非贪婪模式
'abb'.match(/ab*/) // ["abb"]
'abb'.match(/ab*?/) // ["a"]

'abb'.match(/ab?/) // ["ab"]
'abb'.match(/ab??/) // ["a"]

修饰符

修饰符（modifier）表示模式的附加规则，放在正则模式的最尾部。

修饰符可以单个使用，也可以多个一起使用。

// 单个修饰符
var regex = /test/i;

// 多个修饰符
var regex = /test/ig;

g 修饰符

默认情况下，第一次匹配成功后，正则对象就停止向下匹配了。g 修饰符表示全局匹配（global），加上它以后，正则对象将匹配全部符合条件的结果，主要用于搜索和替换。

var regex = /b/g;
var str = 'abba';
regex.test(str); // true
regex.test(str); // true
regex.test(str); // false

i 修饰符

默认情况下，正则对象区分字母的大小写，加上i修饰符以后表示忽略大小写ignoreCase

/abc/.test('ABC') // false
/abc/i.test('ABC') // true

m 修饰符

m修饰符表示多行模式（multiline），会修改^和&的行为。默认情况下（即不加m修饰符时），^和$匹配字符串的开始处和结尾处，加上m修饰符以后，^和$还会匹配行首和行尾，即^和$会识别换行符（\n）。

/world$/.test('hello world\n') // false
/world$/m.test('hello world\n') // true

组匹配

概述

正则表达式的括号表示分组匹配，括号中的模式可以用来匹配分组的内容。

/fred+/.test('fredd') // true
/(fred)+/.test('fredfred') // true

注意，使用组匹配时，不宜同时使用g修饰符，否则match方法不会捕获分组的内容。

var m = 'abcabc'.match(/(.)b(.)/g);
m // ['abc', 'abc']

正则表达式内部，还可以用\n引用括号匹配的内容，n是从1开始自然数，表示对应顺序的括号。

/(.)b(.)\1b\2/.test("abcabc")
// true

括号还可以嵌套。

/y((..)\2)\1/.test('yabababab') // true

非捕获组

(?:x)称为非捕获组，表示不返回该组匹配的内容，即匹配的结果中不计入这个括号。

非捕获组的作用请考虑一个场景，假定需要匹配foo或者foofoo，正则表达式就应该写成/(foo){1, 2}，但是这样会占用一个组匹配。这时，就可以使用非捕获组，将正则表达式改为/(?:foo){1, 2}，它的作用与前一个正则是一样的，但是不会单独输出括号内部的内容。

var m = 'abc'.match(/(?:.)b(.)/);
m // ["abc", "c"]

下面是用来分解网址的正则表达式。

// 正常匹配
var url = /(http|ftp):\/\/([^/\r\n]+)(\/[^\r\n]*)?/;

url.exec('http://google.com/');
// ["http://google.com/", "http", "google.com", "/"]

// 非捕获组匹配
var url = /(?:http|ftp):\/\/([^/\r\n]+)(\/[^\r\n]*)?/;

url.exec('http://google.com/');
// ["http://google.com/", "google.com", "/"]

先行断言

x(?=y)称为先行断言，x只有在y前面才匹配，y不会被计入返回结果。比如，要匹配后面跟着百分号的数字，可以写成/\d+(?=%)/。

先行断言中，括号里的部分是不会返回的。

var m = 'abc'.match(/b(?=c)/);
m // ["b"]

先行否定断言

x(?!y) 称为先行否定断言，x只有不在y前面才匹配，y不会被计入返回结果。比如，要匹配后面跟的不是百分号的数字，就要写成/\d+(?!%)/

/\d+(?!\.)/.exec('3.14')
// ["14"]

先行否定断言中，括号里的部分是不会返回的。

var m = 'abd'.match(/b(?!c)/);
m // ['b']

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

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

相关文章

linux 08 文件查找

linux 08 文件查找

02. 第一. alias 第二. locate： locate 找不到最近的文件 更新locate 后
阅读更多...
Spring Cloud Hystrix 参数配置、简单使用、DashBoard

Spring Cloud Hystrix 参数配置、简单使用、DashBoard

Spring Cloud Hystrix 文章目录 Spring Cloud Hystrix一、Hystrix 服务降级二、Hystrix使用示例三、OpenFeign Hystrix四、Hystrix参数HystrixCommand.Setter核心参数Command PropertiesFallback降级配置Circuit Breaker 熔断器配置Metrix 健康统计配置Request Context 相关参数…
阅读更多...
Flink 2.0 状态存算分离改造实践

Flink 2.0 状态存算分离改造实践

本文整理自阿里云智能 Flink 存储引擎团队兰兆千在 FFA 2023 核心技术（一）中 的分享，内容关于 Flink 2.0 状态存算分离改造实践的研究，主要分为以下四部分： Flink 大状态管理痛点 阿里云自研状态存储后端 Gemini 的存…
阅读更多...
基于Java (spring-boot)的考勤管理系统

基于Java (spring-boot)的考勤管理系统

一、项目介绍 普通员工功能： （1）登录：员工进入界面后需要输入自己的账号密码进行登录。 （2）签到打卡：员工登录完成以后，可以进行签到打卡。 （3）修改密码&a…
阅读更多...
mac卸载被锁定的app

mac卸载被锁定的app

sudo chflags -hv noschg /Applications/YunShu.app 参考：卸载云枢（MacOS 版）
阅读更多...
从左值和右值的角度分析a++和++a

从左值和右值的角度分析a++和++a

摘自牛客上的一个题目： int a5,则 (a)的值是? 答案是会编译报错。 原因： a返回的是右值(rvalue)，而我们不能对一个右值进行自增操作。所以(a)会报错。 怎么理解呢？ （a)返回的是a在1之前的值，这个值是一个…
阅读更多...
git revert回退某次提交

git revert回退某次提交

请直接看原文: 【git revert】使用以及理解（详解）_git revert用法-CSDN博客 -------------------------------------------------------------------------------------------------------------------------------- 前言 试验得知:用Reset HEAD方…
阅读更多...
一、西瓜书——绪论

一、西瓜书——绪论

第一章 绪论 1.独立同分布 通常 假设 样本空间 中 全 体样 本 服 从 一 个 未 知 “ 分 布 ” ( d i s t r i b u t i o n ) D , 我们获得的每个样本都是独立地从这个分布上采样获得的， 即 “ 独 立同 分布 ” ( i n d e p e n d e n t a n d i d e n t ic a …
阅读更多...
Flutter 网络请求之Dio库

Flutter 网络请求之Dio库

Flutter 网络请求之Dio库 前言正文一、配置项目二、网络请求三、封装① 单例模式② 网络拦截器③ 返回值封装④ 封装请求 四、结合GetX使用五、源码 前言 最近再写Flutter系列文章，在了解过状态管理之后，我们再来学习一下网络请求。 正文 网络请求对于一…
阅读更多...
EMC学习笔记（二十二）降低EMI的PCB设计指南（二）

EMC学习笔记（二十二）降低EMI的PCB设计指南（二）

降低EMI的PCB设计指南（二） 1.电源和地概述2.电感量3.两层板和四层板4.单层和双层设计中的微控制器接地5.信号返回地6.模拟、数字信号与大功率电源7.模拟电源引脚和模拟参考电源8.四层板电源设计参考注意事项 tips：资料主要来自网络&#xff0…
阅读更多...
ChatGpt报错:We ran into an issue while authenticating you解决办法

ChatGpt报错:We ran into an issue while authenticating you解决办法

在登录ChatGpt时报错：Oops！,We ran into an issue while authenticating you.(我们在验证您时遇到问题)，记录一下解决过程。 完整报错： We ran into an issue while authenticating you. If this issue persists, please contact…
阅读更多...
Vue3中使用element-plus菜单折叠后文字不消失

Vue3中使用element-plus菜单折叠后文字不消失

今天使用element-plus中国的导航菜单时，发现菜单栏折叠起来时文字不会自动消失，因为element-plus中内置了菜单折叠文字自动消失的，使用collapsetrue/false即可，但在实际使用中出现了一下问题： 折叠以后文字并没有消失&…
阅读更多...
学了很多知识，没多久就忘光了，怎么办？

学了很多知识，没多久就忘光了，怎么办？

读了很多书，回想起来，却总是觉得一片空白，想不出究竟留下了些什么； 付费参加了一堆课程，听的时候觉得醍醐灌顶，没过多久却发现都还给了老师； 看文章、听讲座，记了一大堆东西&#xf…
阅读更多...
解决挂梯子 无法正常上网 的问题

解决挂梯子 无法正常上网 的问题

方法： 打开 控制面板 👉 网络和Internet 👉 Internet选项 👉 连接 👉 局域网设置 👉 代理服务器 👉 取消选项 有问题可参考下图
阅读更多...
代码随想录算法训练营第四十九天（动态规划篇之01背包）| 474. 一和零， 完全背包理论基础

代码随想录算法训练营第四十九天（动态规划篇之01背包）| 474. 一和零， 完全背包理论基础

474. 一和零 题目链接：https://leetcode.cn/problems/ones-and-zeroes/submissions/501607337/ 思路 之前的背包问题中，我们对背包的限制是容量，即每个背包装的物品的重量和不超过给定容量，这道题的限制是0和1的个数&#xff0…
阅读更多...
【十五】【C++】list的简单实现

【十五】【C++】list的简单实现

list 的迭代器解引用探究 /*list的迭代器解引用探究*/ #if 1 #include <list> #include <vector> #include <iostream> #include <algorithm> using namespace std;class Date {private:int _year;int _month;int _day;public:Date(): _year(2024), _m…
阅读更多...
Linux中孤儿/僵尸进程/wait/waitpid函数

Linux中孤儿/僵尸进程/wait/waitpid函数

孤儿进程&#xff1a; 概念&#xff1a;若子进程的父进程已经死掉&#xff0c;而子进程还存活着&#xff0c;这个进程就成了孤儿进程。 为了保证每个进程都有一个父进程&#xff0c;孤儿进程会被init进程领养&#xff0c;init进程成为了孤儿进程的养父进程&#xff0c;当孤儿…
阅读更多...
模型 PMF(产品市场契合度)

模型 PMF(产品市场契合度)

系列文章 主要是 分享 思维模型&#xff0c;涉及各个领域&#xff0c;重在提升认知。产品与市场高度契合。 1 PMF(Product Market Fit)产品市场契合度 的应用 1.1 PMF在创业过程中的应用-Vincy公司的产品PartnerShare 实现PMF需要企业深入了解目标市场的需求和用户的反馈&…
阅读更多...
Vits2.3-Extra-v2:中文特化，如何训练及推理（新手教程）

Vits2.3-Extra-v2:中文特化，如何训练及推理（新手教程）

环境&#xff1a; Vits2.3-Extra-v2:中文特化修复版 auto_DataLabeling 干声10分钟左右.wav 问题描述&#xff1a; Vits2.3-Extra-v2:中文特化&#xff0c;如何训练及推理&#xff08;新手教程&#xff09; 解决方案&#xff1a; 一、准备数据集 切分音频 本次音频数据…
阅读更多...
【HTML+CSS】使用CSS中的Position与z-index轻松实现一个简单的自定义标题栏效果

【HTML+CSS】使用CSS中的Position与z-index轻松实现一个简单的自定义标题栏效果

&#x1f680; 个人主页 极客小俊 ✍&#x1f3fb; 作者简介&#xff1a;web开发者、设计师、技术分享博主 &#x1f40b; 希望大家多多支持一下, 我们一起学习和进步&#xff01;&#x1f604; &#x1f3c5; 如果文章对你有帮助的话&#xff0c;欢迎评论 &#x1f4ac;点赞&a…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023