JavaScript中正则表达式的初学者指南

每个使用 JavaScript 的人都必须在某一时刻处理字符串。有时，您只需将字符串存储在另一个变量中，然后将其传递出去。其他时候，您必须检查它并查看它是否包含特定的子字符串。

然而，事情并不总是那么容易。有时您不会查找特定的子字符串，而是查找遵循特定模式的一组子字符串。

假设您必须将字符串中所有出现的“Apples”替换为“apples”。您可以简单地使用 theMainString.replace("Apples", "apples")。好，易于。

立即学习“Java免费学习笔记（深入）”；

现在假设您还必须将“appLes”替换为“apples”。同样，“appLES”也应该变成“apples”。基本上，“Apple”的所有大小写变体都需要更改为“apple”。在这种情况下，传递简单字符串作为参数将不再实用或高效。

这就是正则表达式的用武之地 - 您可以简单地使用不区分大小写的标志 i 并完成它。使用该标志后，原始字符串是否包含“Apples”、“APPles”、“ApPlEs”或“Apples”并不重要。该单词的每个实例都将替换为“apples”。

就像不区分大小写的标志一样，正则表达式提供了许多其他功能，本教程将介绍这些功能。

立即学习“Java免费学习笔记（深入）”；

在 JavaScript 中使用正则表达式

您必须使用稍微不同的语法来指示不同 String 方法内的正则表达式。与用引号括起来的简单字符串不同，正则表达式由括在斜杠之间的模式组成。您在正则表达式中使用的任何标志都将附加在第二个斜杠之后。

回到前面的示例，下面是 replace() 方法使用正则表达式和简单字符串的样子。

"I ate Apples".replace("Apples", "apples");
// I ate apples

"I ate Apples".replace(/Apples/i, "apples");
// I ate apples

"I ate aPPles".replace("Apples", "apples");
// I ate aPPles

"I ate aPPles".replace(/Apples/i, "apples");
// I ate apples

正如您所看到的，正则表达式在这两种情况下都有效。我们现在将了解有关构成正则表达式内模式的标志和特殊字符的更多信息。

正则表达式中的反斜杠

您可以通过在普通字符前添加反斜杠将其转换为特殊字符。同样，您可以通过在特殊字符前添加反斜杠将其转换为普通字符。

例如，d 不是特殊字符。然而， \d 用于匹配字符串中的数字字符。同样，D 也不是特殊字符，但 \D 用于匹配字符串中的非数字字符。

数字字符包括 0、1、2、3、4、5、6、7、8 和 9。当您在正则表达式中使用 \d 时，它将匹配以下任何一个九个字符。当您在正则表达式中使用 \D 时，它将匹配所有非数字字符。

下面的例子应该可以让事情变得清楚。

立即学习“Java免费学习笔记（深入）”；

"L8".replace(/\d/i, "E");
// LE

"L8".replace(/\D/i, "E");
// E8

"LLLLL8".replace(/\D/i, "E");
// ELLLL8

您应该注意，在第三种情况下，仅替换第一个匹配的字符。您还可以使用标志来替换所有匹配项。我们稍后将了解此类标志。

立即学习“Java免费学习笔记（深入）”；

就像 \d 和 \D 一样，还有其他特殊字符序列。

1. 您可以使用 \w 来匹配字符串中的任何“word”字符。这里，单词字符是指A-Z、a-z、0-9和_。因此，基本上，它将匹配所有数字、所有小写和大写字母以及下划线。
2. 您可以使用 \W 来匹配字符串中的任何非单词字符。它将匹配 %、$、#、 $ 等字符。
3. 您可以使用 \s 来匹配单个空白字符，其中包括空格、制表符、换页符和换行符。同样，您可以使用 \S 来匹配除空格之外的所有其他字符。
4. 您还可以使用 \f、\n、\r、\t 和 \v，分别代表换页、换行、回车、水平制表符和垂直制表符。

有时，您会遇到需要用替代词替换某个词的情况，但前提是它不是 较大词的一部分。例如，考虑以下句子：

“应用程序上发布了大量菠萝图片”。

在本例中，我们希望将“app”一词替换为“board”。然而，使用简单的正则表达式模式会将“apple”变成“boardle”，最终的句子将变成：

“应用程序上发布了很多松板图像”。

在这种情况下，您可以使用另一个特殊字符序列：\b。这会检查单词边界。单词边界是通过使用任何非单词字符（如空格、“$”、“%”、“#”等）形成的。不过请注意，它还包括重音字符，如“ü”。

"A lot of pineapple images were posted on the app".replace(/app/, "board");
// A lot of pineboardle images were posted on the app

"A lot of pineapple images were posted on the app".replace(/\bapp/, "board");
// A lot of pineapple images were posted on the board

同样，您可以使用 \B 来匹配非单词边界。例如，您可以使用 \B 仅匹配位于另一个单词（如“pineapple”）内的“app”。

匹配模式“n”次

您可以使用 ^ 告诉 JavaScript 仅查看字符串的开头以进行匹配。同样，您可以使用 $ 仅查看字符串末尾的匹配项。

您可以使用 * 来匹配前面的表达式 0 次或多次。例如，/Ap*/ 将匹配 A、Ap、App、Appp，等等。

"Apppppples".replace(/Ap*/, "App");
// Apples

"Ales".replace(/Ap*/, "App");
// Apples

"Appppples".replace(/Ap{2}/, "Add");
// Addppples

"Appppples".replace(/Ap{2,}/, "Add");
// Addles

"Appppples".replace(/Ap{2,4}/, "Add");
// Addples

"I like Apple".replace(/(\w{5,})/, '$1s');
// I like Apples

"I like Banana".replace(/(\w{5,})/, '$1s');
// I like Bananas

"I am looking for John and Jason".replace(/(\w+)\sand\s(\w+)/, '$2 and $1');
// I am looking for Jason and John

"I ate apples, you ate apples".replace(/apples/, "mangoes");
// "I ate mangoes, you ate apples"

"I ate apples, you ate apples".replace(/apples/g, "mangoes");
// "I ate mangoes, you ate mangoes"

"I ate apples, you ate APPLES".replace(/apples/, "mangoes");
// "I ate mangoes, you ate APPLES"

"I ate apples, you ate APPLES".replace(/apples/gi, "mangoes");
// "I ate mangoes, you ate mangoes"


var stickyRegex = /apples/y;
stickyRegex.lastIndex = 3;
"I ate apples, you ate apples".replace(stickyRegex, "mangoes");
// "I ate apples, you ate apples"

var stickyRegex = /apples/y;
stickyRegex.lastIndex = 6;
"I ate apples, you ate apples".replace(stickyRegex, "mangoes");
// "I ate mangoes, you ate apples"

var stickyRegex = /apples/y;
stickyRegex.lastIndex = 8;
"I ate apples, you ate apples".replace(stickyRegex, "mangoes");
// "I ate apples, you ate apples"