JavaScript 正则表达式 RegExp 基础语法与使用指南

作者:纸飞机

时间:2026-10-29

浏览:229

本文详细介绍 JavaScript 中正则表达式 RegExp 的创建方式,包括构造函数与字面量两种语法。重点解析 i(忽略大小写)和 g(全局匹配)两个核心修饰符的区别与应用场景,并通过多个实例演示如何在字符串中进行不区分大小写及全文查找。此外,还整理了方括号、元字符、量词等基础正则规则以及 String 对象中与正则相关的方法,帮助开发者掌握基本的文本模式匹配技巧。

文章目录

RegExp 基础概念与语法

RegExp 是 Regular Expression(正则表达式)的缩写。正则表达式本质上是一个描述字符模式的对象。在检索文本时,我们可以利用这种模式来定义需要查找的内容,而 RegExp 正是实现这一功能的工具。简单的模式可能仅包含单个字符,而更复杂的模式则能涵盖更多字符组合,适用于解析、格式校验及替换等场景。用户还可以指定检索的位置以及字符类型。其基本语法如下:


var patt=new RegExp(pattern,modifiers);

创建正则表达式主要有两种写法,一种是使用构造函数,另一种是使用字面量形式。


var patt=/pattern/modifiers;

模式部分定义了具体的表达式模型,而修饰符则用于控制搜索行为,例如是否进行全局搜索或是否区分大小写。RegExp 提供的修饰符主要用于执行不区分大小写匹配以及全文搜索。

  • 使用 i 修饰符可以执行不区分大小写的匹配操作。
  • 使用 g 修饰符可以执行全文搜索,即找到所有匹配项后继续查找,而不是在找到第一个匹配项后停止。

正则修饰符与实例演示

实例 1

在字符串中执行不区分大小写的搜索,查找 "W3CSchool"。


var str="Visit W3CSchool";
var patt1=/w3cschool/i;

执行上述代码后,获得的匹配表达式结果如下:


Visit W3CSchool

示例 2:执行全文查找,搜索字符串中的 "is"。


var str="Is this all there is?";
var patt1=/is/g;

执行上述代码后,获得的匹配表达式结果如下:


Is this all there is?

示例 3:同时执行全文查找和不区分大小写搜索,查找 "is"。


var str="Is this all there is?";
var patt1=/is/gi;

执行上述代码后,获得的匹配表达式结果如下:


Is this all there is?

正则表达式基础规则与对象方法

接下来整理 JavaScript 中可用的基本正则表达式对象相关内容,首先看修饰符。修饰符用于控制是否区分大小写以及是否进行全局匹配:

RegExp 基础概念与语法

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

RegExp 基础概念与语法

元字符(Metacharacter)是指拥有特殊含义的字符:

RegExp 基础概念与语法

量词用于指定匹配的次数:

RegExp 基础概念与语法

RegExp 对象提供了多种方法用于执行正则操作:

RegExp 基础概念与语法

String 对象中也支持正则表达式的相关方法,可用于字符串的匹配与替换操作。

RegExp 基础概念与语法

实用工具推荐

电子包浆

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

使用 ›
图片压缩

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

使用 ›
相关文章