如何在 JavaScript 中使用正则表达式替换字符串？

在本教程中，我们将探讨如何使用 JavaScript 中的正则表达式替换字符串中的特定子字符串。有时我们可能希望将字符串中重复出现的子字符串替换为其他内容。在这种情况下，正则表达式非常有用。在使用它们来解决当前问题之前，让我们先了解正则表达式到底是什么。

正则表达式基本上是一种字符模式，可用于在字符串中搜索该模式的不同出现情况。正则表达式使搜索字符流中特定模式并轻松替换它成为可能。例如，考虑正则表达式/ab*c/，它表示我们正在寻找一种模式，其中有一个“a”，后跟 0 个或多个“b”字符，然后是一个“c”。

现在我们知道了正则表达式是什么，让我们看看如何在 JavaScript 中使用它们来替换字符串中的子字符串。由于正则表达式用于表示不同的字符模式，因此它们在查找字符串中的这些模式以及替换它们方面非常有用。

正因为如此，JavaScript 有一个用于字符串数据类型的内置方法。其中一个方法是 JavaScript 的replace()方法。使用此函数，我们可以将字符串中特定模式的出现替换为我们想要的任何内容，并且可以使用正则表达式来表示我们想要替换的模式。让我们看看此函数是如何工作的。

语法和参数

replace() 函数的语法如下：

s.replace(pattern, replacement);

这里s是我们想要替换某些模式的字符串。让我们详细了解这两个参数：

  • pattern - 这指的是字符串s的子字符串，该子字符串将转换为其他内容，即要替换的子字符串。此参数可以是字符串或正则表达式，用于表示要在字符串s中查找和替换的模式。只会替换s中模式的第一次出现，但是如果在此参数中提供带有全局修饰符“g”的正则表达式，则将替换字符串s中该正则表达式的所有匹配项。当然，这是一个必需的参数。

  • replacement - 这表示将取代字符串 s 中模式的字符串。模式的每次出现都将被替换为此内容。请注意，此参数也可以是一个函数，它返回将用作s中模式每次出现的替换的字符串。

此函数输出另一个具有所需替换的字符串。例如：

"abcdea".replace(/a/i, "b");

此操作后，生成的字符串将从“abcdea”更改为“bbcdea”。请注意，最后一个a没有被替换，因为作为模式提供的正则表达式不包含全局修饰符“g”。

让我们看一下如何通过代码来实现带有和不带有全局修饰符“g”的情况。

示例 1：不带全局修饰符“g”。

在下面的示例中，我们使用不带全局修饰符“g”的字符串 replace() 方法替换字符串。

<!DOCTYPE html>
<html>
<body>
   <script>
      var st = "She sells sea shells on the seashore";
      document.write("Original string : " + st);
      var regExp = /Sea/i;

      var modifiedSt = st.replace(regExp, "river");
      document.write("<br>Modified string : " + modifiedSt);
   </script>
</body>
</html>

在上面的代码中，我们仅使用了一个修饰符：‘i’ 的正则表达式来实现 JavaScript 中字符串子字符串的替换，并且您可以注意到它只将第一个“sea”更改为“river”，而没有更改最后一个单词“seashore”中的第二个“sea”。

示例 2：带有全局修饰符“g”。

在下面的示例中，我们使用带全局修饰符“g”的字符串 replace() 方法替换字符串。

<!DOCTYPE html>
<html>
<body>
   <script>
      var st = "She sells sea shells on the seashore";
      document.write("Original string : " + st);
      var regExp = /Sea/ig;

      var modifiedSt = st.replace(regExp, "river");
      document.write("<br>Modified string : " + modifiedSt);
   </script>
</body>
</html>

在上面的代码中，我们使用了带有两个修饰符：‘i’ 和 ‘g’ 的正则表达式来实现 JavaScript 中字符串子字符串的替换，并且您可以注意到最后一个单词已从“seashore”更改为“rivershore”，这在前面的示例中没有发生。

结论

在本教程中，我们了解了如何在 JavaScript 中使用正则表达式替换字符串。这是通过使用 JavaScript 中的string.replace()方法实现的，该方法使用正则表达式来识别和替换字符串中的模式。

更新于：2022年11月7日

3K+ 次浏览

启动您的职业生涯

完成课程获得认证

开始学习
广告