初探JS正则表达式：从入门到进阶

2023-09-24 10:52:45

1. 正则表达式概述

正则表达式（Regular Expression，简称 Regex）是一种文本模式匹配工具，可用于在文本中查找、替换或提取符合特定规则的子字符串。正则表达式语法丰富且灵活，能够满足各种复杂的匹配需求，在文本处理、数据验证、字符串操作等领域有着广泛的应用。

2. 正则表达式入门

2.1 创建正则表达式对象

在 JavaScript 中，可以通过两种方式创建正则表达式对象：

构造函数法 ：

let regex = new RegExp("正则表达式主体", "修饰符");

字面量法 ：

let regex = /正则表达式主体/修饰符;

2.2 正则表达式语法

正则表达式主体由一系列特殊字符和普通字符组成，特殊字符具有特殊的匹配含义，普通字符则匹配自身。以下是常用的正则表达式特殊字符：

特殊字符	含义
`.`	匹配任何单个字符
`^`	匹配字符串的开头
`$`	匹配字符串的结尾
`[]`	字符集合，匹配集合中的任何一个字符
`()`	分组，将子表达式作为一个整体进行匹配
`	`
`*`	重复匹配前面的子表达式零次或多次
`+`	重复匹配前面的子表达式一次或多次
`?`	重复匹配前面的子表达式零次或一次
`{}`	重复匹配前面的子表达式指定次数

2.3 正则表达式修饰符

正则表达式修饰符用于改变正则表达式的匹配行为，常用的修饰符包括：

修饰符	含义
`g`	全局匹配，匹配所有符合条件的子字符串
`i`	忽略大小写，匹配时不区分大小写
`m`	多行匹配，匹配多行文本时，将每行视为一个独立的字符串
`s`	单行匹配，匹配单行文本时，将文本视为一个整体
`u`	Unicode 模式，支持 Unicode 字符的匹配

3. 正则表达式进阶

3.1 正则表达式模式匹配

正则表达式匹配操作是指将正则表达式对象与目标字符串进行比较，以确定目标字符串中是否存在与正则表达式匹配的子字符串。在 JavaScript 中，可以使用 match()、search()、replace() 等方法进行正则表达式匹配。

match() 方法：返回一个包含所有匹配子字符串的数组。
search() 方法：返回第一个匹配子字符串的索引位置。
replace() 方法：用指定的字符串替换所有匹配的子字符串。

3.2 正则表达式替换

正则表达式替换操作是指将目标字符串中的匹配子字符串替换为指定的字符串。在 JavaScript 中，可以使用 replace() 方法进行正则表达式替换。

let str = "JavaScript 正则表达式入门";
let regex = /正则表达式/;
let replacedStr = str.replace(regex, "Regex");
console.log(replacedStr); // 输出：JavaScript Regex 入门

3.3 正则表达式分组

正则表达式分组是指将正则表达式主体中的子表达式括起来，以便对匹配的子字符串进行引用。在 JavaScript 中，可以使用圆括号 () 进行正则表达式分组。

let str = "JavaScript 正则表达式入门";
let regex = /(JavaScript) (正则表达式) (入门)/;
let matches = str.match(regex);
console.log(matches[1]); // 输出：JavaScript
console.log(matches[2]); // 输出：正则表达式
console.log(matches[3]); // 输出：入门