JavaScript正则表达式：修饰符、方法与常用实战案例详解

作者：半夏时间：2026-10-22 21:34:27浏览：625

本文系统讲解JavaScript中正则表达式的核心用法，涵盖i、g、m等修饰符的区别，test与exec等匹配方法，以及match、search、replace、split四大字符串处理函数的具体应用。结合邮编验证、文件后缀检查、空格清理及邮箱校验等实战代码，帮助开发者高效掌握正则在Web开发中的实际应用。

正则表达式修饰符与基础测试方法

在使用正则表达式时，可以添加可选的模式修饰符来改变匹配行为。

i：忽略大小写，使匹配不区分字母的大小写形式。
g：全局匹配，查找所有符合模式的子串，而非仅第一个。
m：多行匹配，允许^和$分别匹配行的开头和结尾，而不仅是整个字符串的边界。
/hello/：这是正则表达式的字面量表示法，其中两个反斜杠用于转义特殊字符或表示字面量。

JavaScript提供了两种基础的测试方法来判断字符串是否匹配正则。

test：该方法返回一个布尔值，表示正则是否能在字符串中找到匹配。


const test = new RegExp('hello world', 'ig');
console.log(test.test('hello world')); // true

exec：该方法返回一个数组，包含匹配到的详细信息；若未找到匹配，则返回null。

当exec找到匹配时，返回数组包含匹配字符串及捕获组信息；若无匹配，返回值为null。


const test = new RegExp('hello world', 'ig');
console.log(test.exec('hello')); // null

字符串处理常用正则方法

除了基础测试，字符串对象还内置了四个常用的正则处理方法。

match(pattern)：根据提供的正则模式进行匹配。

该方法将所有匹配到的字符串组合成一个数组返回；若未找到匹配，则返回null。


const pattern=/Box/ig;
const str="This is a Box! The is a box!";
console.log(str.match(pattern));

search(pattern)：在字符串中搜索符合正则模式的子串。

该方法返回匹配子串的起始索引位置；注意，search方法会忽略全局匹配标志g，始终只返回第一个匹配的位置。


const pattern=/Box/i;	//
const str="This is a Box! The is a box!";
console.log(str.search(pattern)); // 10

replace(pattern)：用于替换字符串中匹配正则的部分。

该方法将字符串中符合正则模式的部分替换为指定的新字符串，并返回替换后的结果。


const pattern=/Box/ig;
const str="This is a Box! The is a box!";
console.log(str.replace(pattern,'Tom'));

split(pattern)：利用正则模式分割字符串。

该方法根据正则匹配的位置将原字符串拆分为多个子串，并返回包含这些子串的数组。


const pattern = / /ig;	//空格
const str = "This is a Box! The is a box!";
console.log(str.split(pattern)); //以空格进行分割，返回的是数组
// 输出结果
// [ 'This', 'is', 'a', 'Box!', 'The', 'is', 'a', 'box!' ]

核心匹配模式解析

掌握匹配模式是编写高效正则的关键，涉及锚点、字符类及量词等元素。

\w表示匹配任意字母、数字或下划线（a-zA-Z0-9_）。锚元字符中，^强制匹配字符串或行的开头，$强制匹配结尾，且默认只匹配一个位置。


const pattern=/^[a-z]oogle\d$/;
const str="aoogle2";
console.log(pattern.test(str)); // true

注意：^符号在[]内部表示“非”（取反），在[]外部表示强制首匹配，且默认只匹配一个位置。若要匹配多个值，需配合+号使用。\b表示到达单词边界。

|表示逻辑“或”，用于匹配或选择模式中的任意一个分支。


const pattern=/baidu|google|bing/; //匹配或选择其中某个字符，不是相等，包含的意思
const str = "baidu a google"; 
console.log(pattern.test(str)); //返回true

常见应用场景与代码示例

以下是开发中常见的一些正则表达式应用场景及代码示例。

检查邮政编码：验证字符串是否符合特定格式。


const pattern = /^[1-9]{1}[0-9]{5}$/;
const str = "122534"; //共6位数，第一位不能为0
console.log(pattern.test(str)); // true

压缩包后缀名验证：\w等于a-zA-Z0-9_，使用^限定从首字母开始匹配。.是特殊符号，需要使用\进行转义。|选择符必须使用()进行分组，以确保优先级正确。


const pattern = /^[\w]+\.(zip|gz|rar)$/; 
const str="a12_.zip"; //文件名 字母_数字.zip,gz,rar
console.log(pattern.test(str)); // true

删除字符串中的多余空格是常见需求，有多种实现方式。

方法一：使用replace分别匹配首尾空格。由于replace默认只替换一次，因此使用+号匹配连续多个空格。


 var pattern=/^\s+/; 
 var str=" google ";
 var result=str.replace(pattern,'');
 pattern=/\s+$/;
 result=result.replace(pattern,'');

方法二：利用(.+)贪婪模式，但改为惰性模式（.+?），确保后面的空格不被包含在匹配内容中，从而只提取中间部分。


var pattern=/^\s+(.+?)\s+$/;
 var str=" google ";
 var result=pattern.exec(str,'')[1];

 console.log('|'+result+'|');

方法三：同样使用(.+)贪婪模式并改为惰性模式，但利用分组模式，通过替换引用$1只保留匹配的内容，实现去空格。


var pattern=/^\s+(.+?)\s+$/;
 var str=" google ";
 var result=str.replace(pattern,'$1'); //使用分组模式

 console.log('|'+result+'|'); // |google|

简单邮箱验证：检查字符串是否符合标准邮箱格式。


var pattern=/^([\w\.\_]+)@([\w\_]+)\.([a-zA-Z]){2,4}$/;
var str="qzfweb@gmail.com";
console.log(pattern.test(str)); // true

以上所述是小编给大家介绍的Javascript常用正则表达式应用讲解详解整合，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对本站网站的支持！

作者最新文章

JavaScript闭包与类(Class)的区别及适用场景对比

2026-11-05 15:48:57

JavaScript入门要学ES6吗？let与箭头函数等新特性解析

2026-11-05 14:49:16

JavaScript 8种数据类型详解：基本类型与引用类型的区别

2026-11-05 14:25:15

怎么在JavaScript中使用async/await优化Ajax异步流程

2026-11-05 13:56:15

JavaScript replace回调函数实现动态正则替换逻辑

2026-11-05 13:52:13