菜鸟教程js正则表达式怎么用

正则表达式在JavaScript中的使用：定义正则表达式、使用正则对象、正则表达式的方法

正则表达式在JavaScript中是一种强大的工具，用于字符串匹配与替换。你可以通过两种方式定义正则表达式：字面量形式和RegExp对象形式。字面量形式使用斜杠包围表达式，如/pattern/flags，而RegExp对象形式则使用构造函数，如new RegExp('pattern', 'flags')。定义正则表达式非常直观且方便，是开发者常用的方式之一。以下将详细介绍如何在JavaScript中使用正则表达式。

一、定义正则表达式

正则表达式可以通过两种方式来定义：字面量和构造函数。

1、字面量形式

字面量形式的正则表达式是用斜杠包围的字符串，如：

let regex = /abc/;

在这个例子中，/abc/就是一个正则表达式，它匹配包含“abc”字符串的文本。

2、构造函数形式

构造函数形式的正则表达式是用RegExp对象来创建，如：

let regex = new RegExp('abc');

两种形式的区别在于，字面量形式适合于固定的模式，而构造函数形式则适合于动态生成的模式。例如：

let pattern = 'abc';
let regex = new RegExp(pattern);

二、正则对象的方法

JavaScript中的正则对象提供了多种方法来进行字符串匹配和替换操作。以下是一些常用的方法：

1、test()

test方法用于测试一个字符串是否匹配某个正则表达式。如果匹配成功，则返回true，否则返回false。

let regex = /abc/;
console.log(regex.test('abcdef')); // true
console.log(regex.test('abdef'));  // false

2、exec()

exec方法用于在一个字符串中执行查找匹配操作。如果找到了匹配的文本，则返回一个结果数组，否则返回null。

let regex = /abc/;
let result = regex.exec('abcdef');
console.log(result); // ["abc", index: 0, input: "abcdef", groups: undefined]

三、字符串的方法

JavaScript中的字符串对象也提供了一些方法，可以使用正则表达式来进行操作。

1、match()

match方法用于在一个字符串中匹配正则表达式。如果没有找到匹配的文本，则返回null。

let str = 'abcdef';
let result = str.match(/abc/);
console.log(result); // ["abc", index: 0, input: "abcdef", groups: undefined]

2、replace()

replace方法用于替换与正则表达式匹配的子串。

let str = 'abcdef';
let result = str.replace(/abc/, '123');
console.log(result); // "123def"

3、search()

search方法用于搜索与正则表达式匹配的值，并返回匹配的位置索引。如果没有找到匹配的文本，则返回-1。

let str = 'abcdef';
let index = str.search(/abc/);
console.log(index); // 0

4、split()

split方法使用正则表达式或一个固定字符串将一个字符串分割成多个子字符串，并将结果作为数组返回。

let str = 'a,b,c,d,e';
let result = str.split(/,/);
console.log(result); // ["a", "b", "c", "d", "e"]

四、正则表达式的修饰符

正则表达式可以使用修饰符来修改其行为。常用的修饰符包括：

i：忽略大小写
g：全局搜索
m：多行搜索

1、忽略大小写

如果想要忽略大小写，可以使用i修饰符。

let regex = /abc/i;
console.log(regex.test('ABC')); // true

2、全局搜索

如果想要在整个字符串中进行搜索，可以使用g修饰符。

let str = 'abc abc abc';
let regex = /abc/g;
let result = str.match(regex);
console.log(result); // ["abc", "abc", "abc"]

3、多行搜索

如果想要进行多行搜索，可以使用m修饰符。

let str = 'abcnabcnabc';
let regex = /^abc/m;
let result = str.match(regex);
console.log(result); // ["abc", "abc", "abc"]

五、正则表达式中的特殊字符

正则表达式中的特殊字符用于匹配特定类型的字符或位置。常用的特殊字符包括：

.：匹配除换行符以外的任何单个字符
d：匹配一个数字
w：匹配一个单词字符（字母、数字、下划线）
s：匹配一个空白字符
^：匹配字符串的开始
$：匹配字符串的结束

1、匹配任意字符

.用于匹配除换行符以外的任何单个字符。

let regex = /a.c/;
console.log(regex.test('abc')); // true
console.log(regex.test('a c')); // true
console.log(regex.test('anc')); // false

2、匹配数字

d用于匹配一个数字。

let regex = /d/;
console.log(regex.test('123')); // true
console.log(regex.test('abc')); // false

3、匹配单词字符

w用于匹配一个单词字符（字母、数字、下划线）。

let regex = /w/;
console.log(regex.test('abc')); // true
console.log(regex.test('_'));   // true
console.log(regex.test('@'));   // false

4、匹配空白字符

s用于匹配一个空白字符。

let regex = /s/;
console.log(regex.test(' '));   // true
console.log(regex.test('t'));  // true
console.log(regex.test('abc')); // false

5、匹配字符串的开始

^用于匹配字符串的开始。

let regex = /^abc/;
console.log(regex.test('abcdef')); // true
console.log(regex.test('123abc')); // false

6、匹配字符串的结束

$用于匹配字符串的结束。

let regex = /abc$/;
console.log(regex.test('defabc')); // true
console.log(regex.test('abcdef')); // false

六、正则表达式中的量词

量词用于指定一个字符在正则表达式中出现的次数。常用的量词包括：

*：匹配前面的字符零次或多次
+：匹配前面的字符一次或多次
?：匹配前面的字符零次或一次
{n}：匹配前面的字符恰好n次
{n,}：匹配前面的字符至少n次
{n,m}：匹配前面的字符至少n次，最多m次

1、匹配零次或多次

*用于匹配前面的字符零次或多次。

let regex = /ab*/;
console.log(regex.test('a'));    // true
console.log(regex.test('ab'));   // true
console.log(regex.test('abbb')); // true

2、匹配一次或多次

+用于匹配前面的字符一次或多次。

let regex = /ab+/;
console.log(regex.test('a'));    // false
console.log(regex.test('ab'));   // true
console.log(regex.test('abbb')); // true

3、匹配零次或一次

?用于匹配前面的字符零次或一次。

let regex = /ab?/;
console.log(regex.test('a'));    // true
console.log(regex.test('ab'));   // true
console.log(regex.test('abbb')); // false

4、匹配恰好n次

{n}用于匹配前面的字符恰好n次。

let regex = /a{3}/;
console.log(regex.test('aaa'));  // true
console.log(regex.test('aa'));   // false

5、匹配至少n次

{n,}用于匹配前面的字符至少n次。

let regex = /a{2,}/;
console.log(regex.test('aa'));   // true
console.log(regex.test('aaa'));  // true
console.log(regex.test('a'));    // false

6、匹配至少n次，最多m次

{n,m}用于匹配前面的字符至少n次，最多m次。

let regex = /a{2,3}/;
console.log(regex.test('aa'));   // true
console.log(regex.test('aaa'));  // true
console.log(regex.test('aaaa')); // false

七、正则表达式中的分组和捕获

分组和捕获用于对正则表达式中的子模式进行分组，并可以在匹配结果中捕获这些子模式。

1、分组

使用圆括号()对子模式进行分组。

let regex = /(abc)+/;
console.log(regex.test('abcabc')); // true
console.log(regex.test('abc'));    // true
console.log(regex.test('ab'));     // false

2、捕获组

捕获组用于在匹配结果中捕获分组内的文本。

let regex = /(abc)/;
let result = regex.exec('abcdef');
console.log(result); // ["abc", "abc", index: 0, input: "abcdef", groups: undefined]

3、非捕获组

非捕获组用于分组但不捕获分组内的文本，使用(?:...)语法。

let regex = /(?:abc)/;
let result = regex.exec('abcdef');
console.log(result); // ["abc", index: 0, input: "abcdef", groups: undefined]

八、正则表达式中的断言

断言用于指定匹配的位置，而不是匹配的字符。常用的断言包括：

(?=...)：正向先行断言
(?!...)：负向先行断言
(?<=...)：正向后发断言
(?<!...)：负向后发断言

1、正向先行断言

正向先行断言用于匹配某个位置后面紧跟着某个模式的位置。

let regex = /a(?=b)/;
console.log(regex.test('ab')); // true
console.log(regex.test('ac')); // false

2、负向先行断言

负向先行断言用于匹配某个位置后面不紧跟着某个模式的位置。

let regex = /a(?!b)/;
console.log(regex.test('ac')); // true
console.log(regex.test('ab')); // false

3、正向后发断言

正向后发断言用于匹配某个位置前面紧跟着某个模式的位置。

let regex = /(?<=a)b/;
console.log(regex.test('ab')); // true
console.log(regex.test('cb')); // false

4、负向后发断言

负向后发断言用于匹配某个位置前面不紧跟着某个模式的位置。

let regex = /(?<!a)b/;
console.log(regex.test('cb')); // true
console.log(regex.test('ab')); // false

通过掌握以上内容，你已经可以在JavaScript中灵活运用正则表达式进行字符串匹配和替换操作。希望这篇文章能帮助你更好地理解和使用正则表达式，提高你的开发效率。