JS正则表达式语法入门

作者:技术拾光

时间:2026-07-29

浏览:518

正则表达式在JavaScript中有两种创建方式:newRegExp()构造函数和字面量语法。元字符包括圆括号分组、方括号字符集、花括号数量控制,边界匹配符^和$,以及量词*、+、?等。掌握这些基础语法即可应对日常使用场景。

文章目录

正则表达式总是学完就忘,这是非常普遍的现象。本文将系统梳理最基础、最常用的语法规则,方便你随时查阅,无需再四处搜索。

创建正则的两种方式

在 JavaScript 中,创建正则表达式有两种方法:使用 new RegExp() 构造函数动态生成,适合在运行时拼接模式;或者使用字面量语法 /pattern/flags 直接声明,简洁直观,日常使用频率最高。根据个人习惯选择即可,无需纠结。

常用元字符速查

正则表达式中的符号各有特定含义,单看文字容易混淆。下图清晰标注了最常见的字母含义,一眼就能看懂。

JS正则表达式语法入门

三组括号的用法

括号 ()、[]、{} 在正则中职责分明:圆括号用于分组捕获,方括号表示字符集合,花括号用来限定数量。具体区别和典型用法,如下图所示。

JS正则表达式语法入门

边界匹配

边界匹配经常被忽略。^ 匹配字符串开头,$ 匹配末尾,两者配合可以精确控制匹配范围,避免误匹配。

JS正则表达式语法入门

高频元字符汇总

正则本质上是一系列元字符的组合,每个符号都有明确任务。下图汇总了高频使用的符号和对应示例,平时写正则时翻一翻,比查文档更快捷。

JS正则表达式语法入门

量词详解

量词 *、+、 是三个基本元素:* 表示“零次或多次”,+ 表示“一次或多次”, 表示“零次或一次”。具体行为,下图拆解得一清二楚。

JS正则表达式语法入门

以上内容就是正则最基础、最实用的语法骨架。掌握这些核心规则,日常场景基本够用。剩下的就是多练习,熟能生巧。

实用工具推荐

电子包浆

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

使用 ›
图片压缩

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

使用 ›
相关文章