Bootstrap

前端必知必会-JavaScript 正则表达式


JavaScript 正则表达式

正则表达式是形成搜索模式的字符序列。

搜索模式可用于文本搜索和文本替换操作。

什么是正则表达式?

正则表达式是形成搜索模式的字符序列。

在文本中搜索数据时,可以使用此搜索模式来描述要搜索的内容。

正则表达式可以是单个字符,也可以是更复杂的模式。

正则表达式可用于执行所有类型的文本搜索和文本替换操作。

语法

/pattern/modifiers;

示例

/w3schools/i;

示例说明:

/w3schools/i 是正则表达式。

w3schools 是模式(用于搜索)。

i 是修饰符(将搜索修改为不区分大小写)。

使用字符串方法

在 JavaScript 中,正则表达式通常与两种字符串方法一起使用:search() 和 replace()。

search() 方法使用表达式来搜索匹配项,并返回匹配项的位置。

replace() 方法返回已修改的字符串,其中模式已被替换。

将 String search() 与字符串结合使用
search() 方法在字符串中搜索指定值,并返回匹配项的位置:

示例
使用字符串在字符串中搜索“W3schools”:

let text = "Visit W3Schools!";
let n = text.search("W3Schools");

n 中的结果将是:

6

将 String search() 与正则表达式结合使用

示例
使用正则表达式在字符串中搜索不区分大小写的“w3schools”:

let text = "Visit W3Schools";
let n = text.search(/w3schools/i);

n 中的结果将是:

6

使用 String replace() 和字符串

replace() 方法将字符串中的指定值替换为另一个值:

let text = "Visit Microsoft!";
let result = text.replace("Microsoft", "W3Schools");

使用 String replace() 和正则表达式

示例
使用不区分大小写的正则表达式将字符串中的 Microsoft 替换为 W3Schools:

let text = "Visit Microsoft!";
let result = text.replace(/microsoft/i, "W3Schools");

res 中的结果将是:

Visit W3Schools!

您注意到了吗?
上述方法中可以使用正则表达式参数(而不是字符串参数)。
正则表达式可以使您的搜索更加强大(例如不区分大小写)。

正则表达式修饰符

修饰符可用于执行不区分大小写的更全局的搜索:

修饰符描述
i执行不区分大小写的匹配
g执行全局匹配(查找全部)
m执行多行匹配
d执行开始和结束匹配(ES2022 中的新功能)

正则表达式模式

括号用于查找字符范围:

表达式描述
[abc]查找括号之间的任何字符
[0-9]查找括号之间的任何数字
(x|y)查找用 | 分隔的任何替代项

元字符是具有特殊含义的字符:

元字符描述
\d查找数字
\s查找空格字符
\b在单词开头查找匹配项,例如:\bWORD,或在单词结尾查找匹配项,例如:WORD\b
\uxxxx查找十六进制数 xxxx 指定的 Unicode 字符

量词定义数量:

量词描述
n+匹配至少包含一个 n 的任何字符串
n*匹配包含零个或多个 n 的任何字符串
n?匹配包含零个或一个 n 的任何字符串

使用 RegExp 对象

在 JavaScript 中,RegExp 对象是具有预定义属性和方法的正则表达式对象。

使用 test()
test() 方法是一种 RegExp 表达式方法。

它在字符串中搜索模式,并根据结果返回 true 或 false。

以下示例在字符串中搜索字符“e”:

示例

const pattern = /e/;
pattern.test("The best things in life are free!");

由于字符串中有一个“e”,因此上述代码的输出将为:

true

您不必先将正则表达式放入变量中。 上述两行可以缩短为一行:

/e/.test("The best things in life are free!");

使用 exec()
exec() 方法是一种 RegExp 表达式方法。

它在字符串中搜索指定的模式,并将找到的文本作为对象返回。

如果未找到匹配项,则返回一个空 (null) 对象。

以下示例在字符串中搜索字符“e”:

示例

/e/.exec("The best things in life are free!");

总结

本文介绍了JavaScript 正则表达式的使用,如有问题欢迎私信和评论

;