联系我们

简单又实用的WordPress网站制作教学

当前位置：网站首页 > 网页前端技术 > 正文

正则表达式：JS正则RegExp对象 - Web前端

作者：98wpeu发布时间：2026-09-02分类：网页前端技术浏览：1

导读：学习下正则表达式：JS正则RegExp对象。一起来了解下。RegExp对象正则表达式是描述字符模式的对象。正则表达式用于对字符串模式匹配及检索替换，是对字符串执行模式匹配的强大工具...

学习下正则表达式：JS正则RegExp对象。一起来了解下。

RegExp对象

正则表达式是描述字符模式的对象。
正则表达式用于对字符串模式匹配及检索替换，是对字符串执行模式匹配的强大工具。

语法

定义

当使用构造函数创造正则对象时，需要常规的字符转义规则（在前面加反斜杠 \）

/* 比如，以下两种方式的定义是等价的 */
 
// 构造函数方式
const reg = new RegExp("\\w+");
// 字面量方式
const reg = /\w+/;

修饰符

用于执行区分大小写和全局匹配

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

/* DemO */
const reg = /\w/gi

方括号

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

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

/* DEMO */
const reg = /[0-9]/g

元字符

是拥有特殊含义的字符：

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

const reg = /\d/g   // 匹配数字

量词

是拥有特殊含义的字符：

量词	描述
n+	匹配任何包含至少一个 n 的字符串。
n*	匹配任何包含零个或多个 n 的字符串。
n?	匹配任何包含零个或一个 n 的字符串。
n{X}	匹配包含 X 个 n 的序列的字符串。
n{X,Y}	匹配包含 X 至 Y 个 n 的序列的字符串。
n{X,}	匹配包含至少 X 个 n 的序列的字符串。
n$	匹配任何结尾为 n 的字符串。
^n	匹配任何开头为 n 的字符串。
?=n	匹配任何其后紧接指定字符串 n 的字符串。
?!n	匹配任何其后没有紧接指定字符串 n 的字符串。

const reg = /\d+/g  // 匹配至少一个数字

方法

是拥有特殊含义的字符：

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

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

var patt = /Hello/g
var result = patt.test(str) // 查找Hello字串 -> true

标签：正则对象正则表达式 Web RegExp JS

相关推荐

网页前端技术排行

最近发表

网站分类