JavaScript RegExp 对象详解:语法、修饰符与常用方法

作者:代码拾荒

时间:2026-10-24

浏览:547

本文系统介绍 JavaScript 中 RegExp 对象的定义方式、修饰符(i/g/m)、方括号、元字符及量词等核心语法,并详细解析 test、exec、match、replace 等常用方法的用法与区别,帮助开发者掌握字符串模式匹配与检索替换技巧。

文章目录

1、RegExp对象

  • 正则表达式本质上是用于描述字符排列模式的对象。
  • 它主要用于对字符串进行模式匹配、检索以及替换操作,是实现字符串高级处理功能的强大工具。
  • 参考教材:w3cschool | JavaScript RegExp 对象

2、语法

2.1 定义

在使用构造函数创建正则对象时,必须遵循常规的字符转义规则,即在特殊字符前添加反斜杠(\)。


/* 比如,以下两种方式的定义是等价的 */

// 构造函数方式
const reg = new RegExp("\\w+");
// 字面量方式
const reg = /\w+/;

2.2 修饰符

修饰符用于控制匹配行为,包括是否区分大小写以及是否进行全局匹配。

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

    /* 栗子 */
const reg = /\w/gi

2.3 方括号

方括号用于指定查找特定范围内的字符。

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

/* 栗子 */
const reg = /[0-9]/g

2.4 元字符

元字符是指具有特殊含义的字符。

元字符 描述
. 查找单个字符,除了换行和行结束符。
\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   // 匹配数字

2.5 量词

量词也是具有特殊含义的字符,用于指定匹配次数。

量词 描述
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  // 匹配至少一个数字

2.6 方法

RegExp 对象提供了多种方法,这些方法在匹配和处理字符串时具有特定作用。

方法 描述 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

到此这篇关于浅谈JS正则RegExp对象的文章就介绍到这了,更多相关JS正则RegExp对象内容请搜索本站以前的文章或继续浏览下面的相关文章希望大家以后多多支持本站!

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章