✏️
ougege
  • README
  • Docs
    • index
    • Articles
      • AI
        • 体验Chrome AI
        • 体验Cloudflare Workers AI
        • 体验deepseek
      • CSS
        • CSS优化-PurgeCSS
        • 实用效果
        • 开发常用样式
      • Deepin
        • deepin20安装mysql
        • deepin使用tensorflow入门机器学习
        • deepin安装cuda和cuDNN
        • deepin安装lamp
        • deepin安装nvidia驱动
        • deepin安装oh my Zsh
        • deepin安装p7zip
        • deepin换源
        • 安装deepin系统后要做的事
      • Docker
        • CI/CD搭建配置
        • deepin搭建docker环境
        • docker安装和使用gitlab
        • docker搭建nginx+php环境
      • Essay
        • IOS申请邓白氏编码
        • Markdown-Mermaid
        • Markdown Use
        • webview白屏的问题查找和修复
        • 前端开发对接问题和解决办法汇总
        • 国务院机构改革方案
        • 国家级智库
        • 实用网站推荐
        • 常用Markdown数学公式语法
        • 强烈推荐前端要安装的vscode扩展
        • 新建销售计划-页面卡死问题分析
        • 海淘入坑手册
        • 竞品研究
        • 足球知识速成
      • Git
        • GitBook安装和常用命令
        • GitKraken免费版本
        • Git安装和配置
        • Git异常处理
        • Git Worktree使用
        • 前端工程化相关的实用git命令
      • JS
        • ESM模块导出方式对比
        • Emoji多端统一处理
        • JS发布订阅模式
        • JS性能优化
        • JS标准内置对象
        • JS链式调用原理
        • Promise介绍和使用
        • Range的使用
        • Vue+Oauth登录实现
        • Vue实现富文本插入Emoji
        • chrome扩展入门
        • es5新特性
        • es6常用特性
        • es常用片段
        • uniapp使用eslint校验代码
        • 与移动端通信
        • 优秀js库moment
        • 使用vue-socketio
        • 实现一个中间件
        • 小程序webview调试
        • 常用snippets
        • 常用正则
        • 常用的设计模式
        • 微信jssdk封装使用
        • 浏览器宏任务和微任务
        • 浏览器的5种Observer
        • 深入理解赋值、浅拷贝、深拷贝
        • 解析vue指令clickoutside源码
        • 键盘事件与KeyBoardWrapper交互
        • 高德地图常用方法封装
        • 高阶函数片段
      • Network
        • 使用Lighthouse分析前端性能
        • 前后端启用https
        • 宝塔nginx安装ngx_brotli
        • 比较gz与br加载速度
        • 浏览器https提示不安全
        • 浏览器提示HSTS
        • 简单使用tcpdump
        • 静态资源gzip优化
      • Node
        • CommonJS模块导出方式对比
        • Taro command not found 多平台解决方案
        • koa使用和API实现
        • node安装报错Unexpected-token
        • 使用nvm和nrm
        • 使用uniapp给小程序添加云函数
        • 使用verdaccio搭建本地npm仓库
        • 使用vue-cli搭建vue项目
        • 安装Node.js和npm配置
        • 编译成cjs和mjs的思路解析
        • 让你的npmPackage同时支持cjs和mjs
        • 通过GithubAction将内容部署到vps
      • Python
        • Python源管理
        • Python版本管理
        • mitmproxy抓包
        • 微信公众平台开发爬坑经历
      • Shell
        • Ubuntu安装deepin桌面环境
        • Ubuntu安装flatpak软件
        • Ubuntu安装wireshark
        • Ubuntu常见问题汇总
        • dell G3装系统无法识别第二块硬盘
        • linux下virtualbox用gho还原系统
        • mysql常用命令
        • navicat连接一键集成环境的mysql
        • nginx常用命令
        • pm2常用命令
        • virtualbox虚拟机和宿主机互相复制粘贴
        • vps内资源通过mega快传到本地
        • vps报错temporary failure in name resolution
        • vscode修改文件监控数
        • windows+linux双系统引导修复
        • zsh常用插件和命令
        • 一键搭建ChatGPT web版
        • 使用V2ray,CloudFlare Warp解锁GPT
        • 使用vscode进行java开发
        • 利用zx和SSHKey发布代码到服务器
        • 反爬虫一些方案总结和尝试
        • 安装1Panel
        • 安装Bt面板
        • 安装Ubuntu22.04后要做的事
        • 无显示器linux设置默认分辨率
        • 特别实用的shell命令
        • 解决linux安装xmind缺少依赖报错
      • Standards
        • CSS格式化之stylelint
        • CSS规范
        • HTML规范
        • JS规范
        • commit规范
        • 使用husky+commitlint规范代码提交
        • 使用semantic-release自动管理版本号
        • 命名规范
        • 图片规范
        • 版本编号规范
      • Wall
        • 科学上网-Cloudflare-Pages
        • 科学上网-Cloudflare-Warp
        • 科学上网-Geph
        • 科学上网-RackNerd
        • 科学上网-Slicehosting
        • 科学上网-Surfshark
        • 科学上网-Tor
        • 科学上网-XX-NET
        • 科学上网-heroku
        • 科学上网-shadowsock
        • 科学上网-v2ray使用
        • 科学上网-v2ray搭建
        • 科学上网-浏览器代理
        • 科学上网-让终端走代理
      • Windows
        • SourceTree破解免登录(windows版)
        • git bash交互提示符不工作
        • nexus 7 2013 wifi 刷机
        • tree命令生成文件目录
        • 利用charles抓包app
        • 安装Openssl
        • 安装msi文件报错2503和2502
        • 神器vimium使用说明
        • 自用host
        • 解决win10扩展出来的屏幕模糊
        • 解决安装Adobe Air时发生错误
    • Snippets
      • zsh
        • docker
        • extract
        • git-commit
        • git
        • mysql-macports
        • npm
        • nvm
        • pip
        • pm2
        • systemd
        • ubuntu
        • vscode
Powered by GitBook
On this page
  • 元字符
  • 点运算符 .
  • 字符集
  • 否定字符集
  • 重复次数
  • {} 号
  • (...) 特征标群
  • | 运算符
  • 转码特殊字符
  • 锚点
  • 简写字符集
  • 零宽度断言
  • 标志
  • 贪婪匹配与惰性匹配
  • 参考

Was this helpful?

  1. Docs
  2. Articles
  3. JS

常用正则

Previous常用snippetsNext常用的设计模式

Last updated 10 months ago

Was this helpful?

元字符

元字符
描述

.

句号匹配任意单个字符除了换行符。

[ ]

字符种类, 匹配方括号内的任意字符

[^ ]

否定的字符种类, 匹配除了方括号里的任意字符

*

匹配 >=0 个重复的在 * 号之前的字符

+

匹配 >=1 个重复的 + 号之前的字符

?

标记 ? 之前的字符为可选

{n, m}

匹配 num 个大括号之间的字符 (n<= num <= m)

(xyz)

字符集,匹配与 xyz 完全相等的字符串.

|

或运算符, 匹配符号前或后的字符.

\

转义字符, 用于匹配一些保留的字符 `[ ] ( ) { } . * + ? ^ $ \

^

从开始行开始匹配

$

从末端开始匹配

点运算符 .

. 是元字符中最简单的例子。 . 匹配任意单个字符,但不匹配换行符。例如,表达式 .ar 匹配一个任意字符后面跟着是 a 和 r的字符串 ::: info .ar ".ar" => The ked in the age. :::

字符集

否定字符集

重复次数

  1. * 号匹配在 * 之前的字符出现 大于等于0 次。 例如, 表达式 a* 匹配0或更多个以 a 开头的字符.表达式 [a-z]* 匹配一个行中所有以小写字母开头的字符串

    * 字符和 . 字符搭配可以匹配所有的字符 .* *和表示匹配空格的符号 \s 连起来用, 如表达式 \s*cat\s* 匹配0或更多个空格开头和0或更多个空格结尾的 cat 字符串

  2. + 号匹配 + 号之前的字符出现 >=1 次. 例如表达式 c.+t 匹配以首字母 c 开头以 t 结尾, 中间跟着至少一个字符的字符串

  3. ?在正则表达式中元字符 ? 标记在符号前面的字符可选, 即出现0 或1 次. 例如, 表达式 [T]?he 匹配字符串 he 和 The.

{} 号

在正则表达式中 {} 是一个量词, 常用来一个或一组字符可以重复出现的额次数.例如, 表达式 [0-9]{2, 3} 匹配最少2位最多3位 0~9 的数字

(...) 特征标群

| 运算符

转码特殊字符

锚点

简写字符集

简写
描述

.

除换行符外的所有字符

\w

匹配所有字母数字, 等同于[a-zA-Z0-9_]

\W

匹配所有非字母数字, 即符号, 等同于 [^\w]

\d

匹配数字 [0-9]

\D

匹配非数字 [^\d]

\s

匹配所有空格字符, 等同于 [\t\n\f\r\p{Z}]

\S

匹配所有非空格字符 [^\s]

\f

匹配一个换页符

匹配一个换行符

匹配一个回车符

匹配一个制表符

\v

匹配一个垂直制表符

\p

匹配CR/LF(等同于 \r ), 用来匹配 DOS 行终止符

零宽度断言

  1. 正先行断言

  2. 负先行断言

  3. 正后发断言

  4. 负后发断言

标志

标志也叫模式修正符,因为它可以用来修改表达式的搜索结果.这些标志可以任意的组合使用,它也是整个正则表达式的一部分.

标志
描述

i

忽略大小写

g

全局搜索

m

多行修饰符, 锚点元字符 ^ $ 工作范围在每行的起始

  1. 忽略大小写

  2. 全局搜索

  3. 多行修饰符

贪婪匹配与惰性匹配

参考

字符串也叫做字符类.方括号用来指定一个字符集。在方括号中使用连字符来指定字符集的范围。在方括号中的字符集下关心顺序。例如,表达式 [Tt]he 匹配 the 和 The ::: info [Tt]he "[Tt]he" => car parked in garage. ::: 方括号的句号就表示句号。表达式 ar[.] 匹配 ar. 字符串 ::: info ar[.] "ar[.]" => A garage is a good place to park a c :::

一般来说 ^ 表示一个字符串的开头, 但它用在一个方括号的开头的时候,它表示这个字符集是否定的.例如,表达式 [^c]ar 匹配一个后面跟着 ar 的除了 c 的任意字符. ::: info [^c]ar "[^c]ar" => The car ked in the age. :::

::: info [a-z]* "[a-z]*" => T. :::

::: info \scat\s "\scat\s" => The fat sat on the conenation. :::

::: info c.+t "c.+t" => The fat . :::

::: info [T]he "[T]he" => car is parked in the garage.

"[T]?he" => car is parked in t garage. :::

::: info "[0-9]{2, 3}" => The number was 9. 7 but we rounded it off to .0. ::: 如果逗号也省略掉则表示重复固定的次数.例如, [0-9]{3} 匹配3位数字 ::: info "[0-9]{3}" => The number was 9.7 but we rounded it off to 10.0 :::

特征标群是一组写在 (...) 中的子模式.例如之前说的 {} 是用来表示前面一个字符出现指定次数. 但是如果在 {} 前加入特征标群则表示整个标群内的字符重复N次.例如, 表达式 (ab)* 匹配连续出现0或更多个 ab 我们还可以在 () 中用或字符 | 表示或.例如, (c|g|p)ar 匹配 car 或 gar 或 par. ::: info (c|g|p)ar "(c|g|p)ar" => The is ked in the age. :::

或运算符就表示或, 用做判断条件 例如 (T|t)he|car 匹配 (T|t)he 或 car ::: info (T|t)he|car "(T|t)he|car" => is parked in garage. :::

反斜线 \ 在表达式中用于转码紧跟其后的字符。用于指定 { } [ ] / \ + * . $ ^ | ? 这些特殊字符。如果想要匹配这些特殊字符则要在其签名加上反斜线 \ 例如 . 是用来匹配除换行符外的所有字符的.如果想要匹配句子中的 . 则要写成 \. 以下这个例子 \.? 是选择性匹配 . ::: info "(f|c|m)at.?" => The sat on the :::

^ 用来检查匹配的字符串是否在所匹配字符串的开头 例如, 在 abc 中使用表达式 ^a 会得到结果 a . 但如果使用 ^b 将匹配不到任何结果. 因为在字符串 abc 中并不是以 b 开头 例如, ^(T|t)he 匹配以 The 或 the 开头的字符串 ::: info (T|t)he "(T|t)he" => car is parked in garage. "^(T|t)he" => car is parked in the garage. :::

$ 号用来匹配字符是否最后一个 例如, (at\.)$ 匹配以 at. 结尾的字符串 ::: info (at.) "(at.)" => The fat c s on the m "(at.)$" => The fat cat. sat. on the m :::

?=... 表示第一部分表达式之后必须跟着 ?=... 定义的表达式 返回结果只包含满足匹配条件的第一部分表达式.定义一个正先行断言要使用 () 在括号内部使用一个问号和等号: (?=...) 正先行断言的内容写在括号中的等号后面。例如,表达式 (T|t)he(?=\sfat) 匹配 The 和 the , 在括号中我们又定义了正先行断言 (?=\sfat) , 即 The 和 the 后面紧跟着 (空格)fat ::: info (T|t)he(?=\sfat) "(T|t)he(?=\sfat)" => fat cat sat on the mat. :::

?! 用于筛选所有匹配结果, 筛选条件为其后不跟随断言中的格式. 正先行断言 定义和 负先行断言 一样, 区别就是 = 替换成 ! 也就是 (?!...) 表达式 (T|t)he(?!\sfat) 匹配 The 和 the, 且其后不跟着 (空格)fat ::: info (T|t)he(?!\sfat) "(T|t)he(?!\sfat)" => The fat cat sat on mat. :::

(?<=...) 用于筛选所有匹配结果, 筛选条件为其前跟随者断言中定义的格式. 例如, 表达式 (?<=(T|t)he\s)(fat|mat) 匹配 fat 和 mat , 且其前跟着 The 或 the ::: info (?<=(T|t)he\s)(fat|mat) "(?<(T|t)he\s)(fat|mat)" => The cat sat on the :::

(?<!...) 用于筛选所有匹配结果, 筛选条件为其前不跟随断言中定义的格式.例如, 表达式 (?<!(T|t)he\s)(cat) 匹配 cat, 且其前不跟着 The 或 the ::: info (?<!(T|t)he\s)(cat) "(?<!(T|t)he\s)(cat)" => The cat sat on . :::

修饰语 i 用于忽略大小写. 例如, 表达式 /The/gi 表示在全局搜索 The, 在后面的 i 将其条件修改为忽略大小写, 则变成搜索 the 和 The, g 表示全局搜索 ::: info The "The" => fat cat sat on the mat.

"/The/gi" => fat cat sat on mat. :::

修饰符 g 常用于执行一个全局搜索匹配, 即(不仅仅返回第一个匹配的, 而是返回全部). 例如, 表达式 /.(at)/g 表示搜索任意字符 (除了换行) + at, 并返回结果 ::: info /.(at)/ "/.(at)/" => The cat sat on the mat.

"/.(at)/g" => The on the . :::

多行修饰符 m 常用于执行一个多行匹配 像之前介绍的 (^,$) 用于检测格式是否是在待检测字符串的开头或结尾.但我们如果想要在每行的开头和结尾生效, 我们需要用到多行修饰符 m 例如, 表达式 /at(.)?$/gm 表示小写字符 a 后跟小写字符 t, 末尾可选除换行符外任意字符. 根据 m 修饰符, 现在表达式匹配每行的结尾 ::: info /.at(.)?$/ "/.at(.)?$/" => The fat cat sat on the ::: ::: info /.at(.)?$/gm "/.at(.)?$/gm" => The cat on the :::

正则表达式默认采用贪婪匹配模式, 在该模式下意味着会匹配尽可能长的子串。我们可以使用 ? 将贪婪匹配模式转化为惰性匹配模式 ::: info (.*at)/ "/(.*at)/" => .

"/(.*?at)/" => cat sat on the mat. :::

在线练习
car
par
gar
The
the
ar.
par
gar
he car parked in the garage
cat
cat
cat sat on the mat
The
The
he
999
10
999
car
par
gar
The car
the
fat cat
mat.
The
the
The
at.
at.
at.
at.
The
the
fat
mat.
cat
The
The
the
fat
fat cat sat
mat
mat.
fat
sat
mat.
The fat cat sat on the mat
The fat
learn-regex