JS正则表达式匹配|极客笔记

JS正则表达式匹配

在JavaScript中，正则表达式是用来匹配字符串模式的表达式。它可以帮助我们快速有效地搜索和替换字符串内容。在本文中，我们将详细介绍JS中如何使用正则表达式进行匹配操作。

创建正则表达式

在JavaScript中，我们可以使用RegExp对象或者直接使用正则表达式字面量来创建正则表达式。

使用RegExp对象

我们可以使用RegExp构造函数来创建一个正则表达式对象。语法如下：

const regex = new RegExp('pattern');

其中pattern为要匹配的字符串模式。例如，我们可以创建一个匹配邮箱地址的正则表达式：

const emailRegex = new RegExp('^\\w+@[a-zA-Z_]+?\\.[a-zA-Z]{2,3}$');

使用正则表达式字面量

我们也可以使用正则表达式字面量来创建一个正则表达式对象。语法如下：

const regex = /pattern/;

例如，我们可以使用正则表达式字面量创建一个匹配数字的正则表达式：

const numberRegex = /\d+/;

测试正则表达式

一旦我们创建了正则表达式对象，我们就可以使用test方法来测试是否一个字符串与正则表达式匹配。test方法返回一个布尔值，表示是否成功匹配。

const regex = /\d+/;
const str = '123abc';
const isMatch = regex.test(str);
console.log(isMatch); // true

在上面的示例中，正则表达式\d+匹配一个或多个数字，因此字符串'123abc'成功匹配了正则表达式。

字符串的匹配

除了使用test方法外，我们还可以使用match方法来获取字符串中匹配到的内容。match方法返回一个数组，包含匹配到的字符串或子字符串。

const regex = /\d+/;
const str = '123abc';
const result = str.match(regex);
console.log(result); // ['123']

在上面的示例中，通过正则表达式\d+匹配字符串'123abc'，返回了包含匹配到的数字字符串'123'的数组。

全局匹配

如果我们希望找到字符串中所有匹配的内容，而不是只找到第一个匹配的内容，我们可以使用带有g标志的正则表达式。

const regex = /\d+/g;
const str = '123abc456def';
const result = str.match(regex);
console.log(result); // ['123', '456']

在上面的示例中，通过正则表达式\d+和g标志匹配字符串'123abc456def'，返回了包含所有数字字符串'123'和'456'的数组。

匹配修饰符

除了g全局匹配标志外，还有一些其他匹配修饰符可以用来修改正则表达式的匹配方式。

`i`忽略大小写

使用i修饰符，可以让匹配对大小写不敏感。

const regex = /hello/i;
console.log(regex.test('Hello')); // true

`m`多行匹配

使用m修饰符，可以让^和$匹配一行的开头和结尾。

const regex = /^hello/m;
const str = 'hello\nworld';
console.log(regex.test(str)); // true

`s`单行匹配

使用s修饰符，可以让.匹配任意字符，包括换行符。

const regex = /hello.world/s;
const str = 'hello\nworld';
console.log(regex.test(str)); // true

使用正则表达式替换字符串

除了匹配字符串，我们还可以使用正则表达式来替换字符串中的内容。

const regex = /world/;
const str = 'hello world';
const newStr = str.replace(regex, 'JavaScript');
console.log(newStr); // 'hello JavaScript'

在上面的示例中，我们使用正则表达式/world/来匹配字符串'hello world'中的world，并用JavaScript来替换。

使用捕获组

在正则表达式中，我们可以使用捕获组来匹配和提取特定部分的字符串。

const regex = /(\d+)-(\d+)-(\d+)/;
const str = '2021-10-01';
const result = str.match(regex);
console.log(result); // ['2021-10-01', '2021', '10', '01']

在上面的示例中，正则表达式/(\d+)-(\d+)-(\d+)/使用了三个捕获组，成功匹配字符串'2021-10-01'，并返回了包含整个匹配以及各个捕获组的数组。

贪婪匹配和非贪婪匹配

在正则表达式中，默认情况下是贪婪匹配，即尽可能多地匹配字符。但有时我们可能希望进行非贪婪匹配，即尽可能少地匹配字符。

const greedyRegex = /a.+b/;
const str = 'aabb';
const greedyResult = str.match(greedyRegex);
console.log(greedyResult); // ['aabb']

const lazyRegex = /a.+?b/;
const lazyResult = str.match(lazyRegex);
console.log(lazyResult);  // ['aab']

在上面的示例中，正则表达式/a.+b/是贪婪匹配，匹配字符串'aabb'时尽可能多地匹配字符，返回了'aabb'。而正则表达式/a.+?b/是非贪婪匹配，匹配时尽可能少地匹配字符，返回了'aab'。