devbox
码创造者
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

JavaScript 之 正则详解（?=、?!、?＜=、?＜!）、捕获性括号、非捕获性括号_js ?=

作者：码创造者 | 2024-07-03 01:48:44

赞

踩

js ?=

正则

基础介绍

基础介绍就不多赘述了，都是来自菜鸟教程：https://www.runoob.com/jsref/jsref-obj-regexp.html 里面的内容

基础语法

  1. 构造函数

    语法：
    参数1：表达式，且需要注意的是对于一些\w等需要通过反斜杠进行转义
    参数2：修饰符，i g m

    var reg = new RegExp(pattern, modifiers)

    • 1

    示例：

    var reg = new RegExp("\\w+", 'g')

    • 1

  2. 字面量

    语法：

    var reg = /pattern/modifiers

    • 1

    示例：

    var reg = /\w+/

    • 1

修饰符

修饰符用于执行区分大小写和全局匹配:

修饰符描述
i执行对大小写不敏感的匹配。
g执行全局匹配（查找所有匹配而非在找到第一个匹配后停止）。
m执行多行匹配。

方括号

方括号用于查找某个范围内的字符：

表达式描述
[abc]查找方括号之间的任何字符。
[^abc]查找任何不在方括号之间的字符。
[0-9]查找任何从 0 至 9 的数字。
[a-z]查找任何从小写 a 到小写 z 的字符。
[A-Z]查找任何从大写 A 到大写 Z 的字符。
[A-z]查找任何从大写 A 到小写 z 的字符。
[adgk]查找给定集合内的任何字符。
[^adgk]查找给定集合外的任何字符。
(red|blue|green)查找任何指定的选项。

元字符

元字符（Metacharacter）是拥有特殊含义的字符

元字符描述
.查找单个字符，除了换行和行结束符。
\w查找数字、字母及下划线。
\W查找非单词字符。
\d查找数字。
\D查找非数字字符。
\s查找空白字符。
\S查找非空白字符。
\b匹配单词边界。
\B匹配非单词边界。
\0查找 NULL 字符。
\n查找换行符。
\f查找换页符。
\r查找回车符。
\t查找制表符。
\v查找垂直制表符。
\xxx查找以八进制数 xxx 规定的字符。
\xdd查找以十六进制数 dd 规定的字符。
\uxxxx查找以十六进制数 xxxx 规定的 Unicode 字符。

量词

量词描述
n+匹配任何包含至少一个 n 的字符串。例如，/a+/ 匹配 “candy” 中的 “a”，“caaaaaaandy” 中所有的 “a”。
n*匹配任何包含零个或多个 n 的字符串。例如，/bo*/ 匹配 “A ghost booooed” 中的 “boooo”，“A bird warbled” 中的 “b”，但是不匹配 “A goat grunted”。
n?匹配任何包含零个或一个 n 的字符串。例如，/e?le?/ 匹配 “angel” 中的 “el”，“angle” 中的 “le”。
n{X}匹配包含 X 个 n 的序列的字符串。例如，/a{2}/ 不匹配 “candy,” 中的 “a”，但是匹配 “caandy,” 中的两个 “a”，且匹配 “caaandy.” 中的前两个 “a”。
n{X,}X 是一个正整数。前面的模式 n 连续出现至少 X 次时匹配。例如，/a{2,}/ 不匹配 “candy” 中的 “a”，但是匹配 “caandy” 和 “caaaaaaandy.” 中所有的 “a”。
n{X,Y}X 和 Y 为正整数。前面的模式 n 连续出现至少 X 次，至多 Y 次时匹配。例如，/a{1,3}/ 不匹配 “cndy”，匹配 “candy,” 中的 “a”，“caandy,” 中的两个 “a”，匹配 “caaaaaaandy” 中的前面三个 “a”。注意，当匹配 “caaaaaaandy” 时，即使原始字符串拥有更多的 “a”，匹配项也是 “aaa”。
n$匹配任何结尾为 n 的字符串。
^n匹配任何开头为 n 的字符串。
?=n匹配任何其后紧接指定字符串 n 的字符串。
?!n匹配任何其后没有紧接指定字符串 n 的字符串。
贪婪匹配与惰性匹配

贪婪匹配，贪婪，简单理解为就是有多少个我就匹配多少个，尽可能的匹配更多个
惰性匹配，懒惰，简单理解为就是不管有多少个，我就匹配最少最小的那个，其他的懒得匹配了

贪婪匹配

let reg = /\d{2,5}/g
let str = '123 1234 12345 123456'
str.match(reg)

  • 1
  • 2
  • 3

惰性匹配

let reg = /\d{2,5}?/g
let str = '123 1234 12345 123456'
str.match(reg)

  • 1
  • 2
  • 3

在这里插入图片描述

通过对比我们发现，贪婪匹配与惰性匹配之间也就是相差了一个?，也就是说在量词符后面加个？就是我们说的惰性匹配了

贪婪匹配惰性匹配
n+n+?
n*n*?
n?n??
n{X}n{X}?
n{X,}n{X,}?
n{X,Y}n{X,Y}?

方法

基础方法

方法描述
exec检索字符串中指定的值。返回找到的值，并确定其位置。
test检索字符串中指定的值。返回 true 或 false。
toString返回正则表达式的字符串。

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

方法描述FFIE
search检索与正则表达式相匹配的值。14
match找到一个或多个正则表达式的匹配。14
replace替换与正则表达式匹配的子串。14
split把字符串分割为字符串数组。

位置匹配符

这里将一些模糊点着重说明一下

^

这个大家都很熟悉，匹配开始位置

'aa11..AA22'.replace(/^/, '
声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/码创造者/article/detail/781586
推荐阅读

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。