TypeScript 正则|极客笔记

TypeScript 正则

1. 引言

正则表达式是一种强大的文本匹配工具，可以用来快速地搜索、替换和验证字符串。在 TypeScript 中，我们可以使用内置的 RegExp 类来操作正则表达式。

本文将介绍 TypeScript 中的正则表达式的基本语法、常用方法和示例代码，以帮助读者更好地使用正则表达式解决问题。

2. 正则表达式基础

正则表达式是由一个或多个字符组成的模式，用于匹配字符串中的内容。在 TypeScript 中，我们可以使用以下语法创建正则表达式：

let regex: RegExp = /pattern/;

其中，pattern 是我们要匹配的模式。我们也可以使用 RegExp 构造函数来创建正则表达式：

let regex: RegExp = new RegExp("pattern");

2.1. 基本匹配规则

正则表达式中的基本匹配规则如下：

字符字面量：可以直接匹配字面值的字符。
元字符：有特殊含义的字符，需要使用转义字符 \ 进行处理。
字符类：用于匹配一组字符中的一个字符，用方括号 [] 括起来。例如，[abc] 表示匹配字符 a、b 或 c。
数量词：用于指定匹配的次数，包括 {n}、{n,}、{n,m}，分别表示匹配恰好 n 次、至少 n 次和 n 到 m 次。
锚字符：用于指定匹配的位置，包括 ^、$、\b，分别表示字符串的开头、结尾和单词边界。

例如，下面的正则表达式可以匹配一个以 hello 开头的字符串：

let regex: RegExp = /^hello/;

2.2. 修饰符

正则表达式中的修饰符用于修改匹配的方式，可以在 / 后面添加。常用的修饰符有：

i：忽略大小写。
g：全局匹配，匹配的对象不止一个。
m：多行匹配。

例如，下面的正则表达式可以匹配以 hello 开头的字符串，不区分大小写：

let regex: RegExp = /^hello/i;

2.3. 常用元字符

正则表达式中的元字符是有特殊含义的字符，需要进行转义或者使用特定的语法来处理。下面列举了常用的元字符及其含义：

.：匹配除换行符之外的任意字符。
\w：匹配任意字母、数字或下划线。
\d：匹配任意数字。
\s：匹配任意空白字符。
\b：匹配单词的边界。
^：匹配字符串的开头。
$：匹配字符串的结尾。

例如，下面的正则表达式可以匹配一个由数字组成的字符串：

let regex: RegExp = /^\d+$/;

3. 正则表达式方法

在 TypeScript 中，RegExp 类提供了一些常用的方法，用于操作正则表达式。

3.1. `test` 方法

test 方法用于检查一个字符串是否与正则表达式匹配，返回一个布尔值。

let regex: RegExp = /pattern/;
let str: string = "example string";
let isMatched: boolean = regex.test(str);
console.log(isMatched);  // false

3.2. `exec` 方法

exec 方法用于在字符串中搜索匹配正则表达式的内容，并返回一个匹配结果的数组。

let regex: RegExp = /pattern/;
let str: string = "example pattern string";
let match: RegExpExecArray | null = regex.exec(str);
console.log(match);  // ["pattern", index: 8, input: "example pattern string", groups: undefined]

3.3. `match` 方法

match 方法用于在字符串中搜索匹配正则表达式的内容，并返回一个匹配结果的数组。

let regex: RegExp = /pattern/;
let str: string = "example pattern string";
let match: RegExpMatchArray | null = str.match(regex);
console.log(match);  // ["pattern", index: 8, input: "example pattern string", groups: undefined]

3.4. `replace` 方法

replace 方法用于在字符串中匹配正则表达式的内容，并将其替换为指定的字符串。

let regex: RegExp = /pattern/;
let str: string = "example pattern string";
let replaced: string = str.replace(regex, "replacement");
console.log(replaced);  // "example replacement string"

3.5. `search` 方法

search 方法用于在字符串中搜索匹配正则表达式的内容，并返回第一个匹配的索引。

let regex: RegExp = /pattern/;
let str: string = "example pattern string";
let index: number = str.search(regex);
console.log(index);  // 8

3.6. `split` 方法

split 方法用于将字符串分割成数组，根据正则表达式的匹配进行分割。

let regex: RegExp = /,/;
let str: string = "item1,item2,item3";
let splitted: string[] = str.split(regex);
console.log(splitted);  // ["item1", "item2", "item3"]

4. 正则表达式示例

4.1. 邮箱验证

以下示例演示了如何使用正则表达式验证邮箱的合法性。

function validateEmail(email: string): boolean {
  // 邮箱正则表达式
  let regex: RegExp = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
  return regex.test(email);
}

console.log(validateEmail("test@example.com"));  // true
console.log(validateEmail("invalid-email"));     // false

4.2. 手机号提取

以下示例演示了如何使用正则表达式从字符串中提取手机号。

function extractPhoneNumber(str: string): string[] {
  // 手机号正则表达式
  let regex: RegExp = /\b1[3456789]\d{9}\b/g;
  return str.match(regex) || [];
}

console.log(extractPhoneNumber("My phone number is 13512345678, please contact me."));  // ["13512345678"]