TypeScript 正则表达式：元字符、标志与核心 API 详解

掌握以下正则表达式中的常用元字符是基础：

• ^：用于匹配字符串的起始位置。
• $：用于匹配字符串的结束位置。
• .：用于匹配除换行符之外的任意单个字符。
• *：用于匹配前面的子表达式零次或多次。
• +：用于匹配前面的子表达式一次或多次。
• ?：用于匹配前面的子表达式零次或一次。
• []：用于匹配方括号内列出的任意一个字符。
• [^]：用于匹配不在方括号内的任意一个字符。
• ()：用于定义分组，后续可通过 \1、\2 等反向引用这些分组。
• |：用于匹配左右两侧表达式中的任意一个。
• {}：用于指定匹配重复的次数，可限定字符或子表达式出现的次数。例如，{3} 表示精确匹配前项出现3次，{2,5} 表示匹配次数在2到5次之间，{2,} 表示至少出现2次。

• \d：用于匹配任意数字字符，功能等同于 [0-9]。

• \w：用于匹配任意字母、数字或下划线字符，功能等同于 [A-Za-z0-9_]。

• \s：用于匹配任意空白字符，包括空格、制表符和换行符等。

以下是正则表达式中常用的标志位：

• i：启用忽略大小写的匹配模式。
• g：启用全局匹配，查找所有匹配而非仅第一个。
• m：启用多行匹配模式，使 ^ 和 $ 匹配每一行的开头和结尾。

TypeScript 完全兼容 JavaScript 的正则表达式语法，因此可直接使用 JS 中的正则来匹配字符串。在 TypeScript 中，推荐使用 RegExp 类来实例化正则表达式对象。

创建正则表达式对象的基本语法如下：

let regex = new RegExp('pattern', 'flags');

其中，'pattern' 代表要匹配的模式字符串，'flags' 为可选参数，用于指定正则表达式的行为标志。

例如，可以创建一个匹配连续数字的正则表达式对象：

let regex = new RegExp('\\d+');

在上述示例中，'\d+' 是匹配一个或多个数字的模式。注意在字符串构造函数中，反斜杠需要使用双反斜杠进行转义。

此外，还可以使用字面量语法来创建正则表达式对象：

let regex = /\d+/;

示例中，/\d+/ 是正则表达式字面量写法，其功能与之前通过 RegExp 构造函数创建的实例完全等价。

创建正则表达式对象后，即可用于字符串匹配。可以使用 RegExp 对象的 test() 方法来判断字符串是否符合正则规则：

let regex = /\d+/;
let str = '123';
if (regex.test(str)) {
  console.log('Match!');
} else {
  console.log('No match.');
}

示例中，使用 test() 方法检测字符串 '123' 是否匹配 /\d+/。由于 '123' 包含数字，测试结果为 true，控制台将输出 'Match!'。

还可以使用 RegExp 对象的 exec() 方法来查找字符串中与正则表达式匹配的子串：

let regex = /\d+/g;
let str = '123 abc 456 def';
let match;
while ((match = regex.exec(str)) !== null) {
  console.log(match[0]);
}

示例中，使用 exec() 方法查找字符串 '123 abc 456 def' 中所有匹配 /\d+/ 的子串。因正则表达式使用了 'g' 标志，该方法会查找所有匹配项。在 while 循环中，使用 match 变量暂存当前匹配结果。若 exec() 返回 null，则表明已无更多匹配项。

示例中，通过 match[0] 访问匹配结果的第一项。若正则表达式中包含捕获组，可通过 match[1]、match[2] 等索引访问对应分组的结果。

RegExp 类提供了多种方法来操作和处理正则表达式：

test() 方法：用于测试字符串是否匹配正则表达式，返回布尔值。

let regex = /hello/gi;
let str = 'Hello World';
console.log(regex.test(str)); // true

exec() 方法：用于在字符串中查找匹配项，返回匹配数组或 null。

let regex = /hello/gi;
let str = 'Hello World';
console.log(regex.exec(str)); // ['Hello']

match() 方法：用于在字符串中查找匹配项，返回包含匹配结果的数组或 null。

let regex = /hello/gi;
let str = 'Hello World';
console.log(str.match(regex)); // ['Hello']

replace() 方法：用于替换字符串中匹配正则表达式的部分。

let regex = /hello/gi;
let str = 'Hello World';
console.log(str.replace(regex, 'Hi')); // 'Hi World'

search() 方法：用于在字符串中查找匹配项的位置，返回索引值。

let regex = /hello/gi;
let str = 'Hello World';
console.log(str.search(regex)); // 0

正则表达式对象的属性：

RegExp 类还提供了一些属性，用于获取正则表达式的内部信息。

source 属性：用于获取正则表达式的源代码字符串。

let regex = /hello/gi;
console.log(regex.source); // 'hello'

flags 属性：用于获取正则表达式设置的标志字符串。

let regex = /hello/gi;
console.log(regex.flags); // 'gi'

综合代码演示：

let regex = /hello/gi;
let str = 'Hello World';
console.log(regex.test(str)); // true
console.log(regex.exec(str)); // ['Hello']
console.log(str.match(regex)); // ['Hello']
console.log(str.replace(regex, 'Hi')); // 'Hi World'
console.log(str.search(regex)); // 0
console.log(regex.source); // 'hello'
console.log(regex.flags); // 'gi'

运行输出结果如下：

true ['Hello'] ['Hello'] 'Hi World' 0 'hello' 'gi'

希望上述内容能帮助您更深入地理解 TypeScript 中正则表达式的应用方法。

总结

本文介绍了 TypeScript 中正则表达式的常用使用方法，更多相关 TypeScript 正则表达式技巧请查阅本站往期文章或继续浏览后续内容，感谢您的支持！