如何使用 JavaScript 替换字符串中的所有点?

javascriptobject oriented programmingfront end technology更新于 2024/6/23 15:08:17

在本教程中，我们将探索使用 JavaScript 替换字符串中的所有点的不同方法。可以通过运行 for 循环手动删除字符串中所有出现的点，但 JavaScript 提供了许多函数，我们可以非常轻松地完成相同的任务。这正是我们将在本文中讨论的内容。

使用 JavaScript 替换字符串中所有点的两种最流行的方法是 -

在 JavaScript 中使用 replaceAll() 方法

JavaScript 字符串有一个名为 replaceAll() 的方法，我们可以向其传递两个参数，即模式和替换，该方法将用提供的替换字符串替换模式字符串的所有出现。确切地说，使用此方法，我们可以用我们想要的任何内容替换字符串中特定模式的所有出现。因此，通过使用这种方法，我们可以用空字符串替换字符串中的点，从而删除它们。

让我们看看 JavaScript 中 replaceAll()方法的语法和参数。

语法和参数

replaceAll()方法的语法是 −

s.replaceAll(pattern, replacement);

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

pattern − 这是指字符串 s 的子字符串，该子字符串将被转换为其他内容，即要替换的子字符串。此参数不仅可以是字符串，还可以是正则表达式，表示要在字符串 s 中找到并替换的模式。当然，这是一个必需的参数。
replacement - 这表示将取代字符串 s 中的模式的字符串。这是模式的每次出现都将被替换的内容。请注意，此参数也可以是一个函数，它返回将用作 s 中每次出现模式的替换的字符串，以防不同情况需要不同的替换。

示例

在下面的示例代码中，我们使用 replaceAll() 方法删除所有"。"并将其更改为""，即空格。


<!DOCTYPE html>
<html>
<body>
   <script>
      var st = "how.are.you";
      var replacedSt = st.replaceAll(".", " ");

      document.write("Original string : " + st);
      document.write("<br>Modified string : " + replacedSt);
   </script>
</body>
</html>

在 JavaScript 中使用字符串 replace() 方法

JavaScript 字符串还有另一个方法，称为 replace()。replace() 方法与 replaceAll() 函数非常相似。与前一种方法一样，它也需要两个参数，即 pattern 和 replacement，但不同之处在于此方法将使用提供的替换替换模式的一个或所有出现。

将替换多少个出现以及替换哪些出现取决于模式的提供方式。要删除模式的所有出现，我们需要将模式作为正则表达式与全局修饰符"g"一起传递给此函数。因此，通过使用带有修饰符"g"的正则表达式作为参数的此函数，我们可以替换字符串中的点。

让我们看看 JavaScript 中 replace() 方法的语法和参数。

语法和参数

replace() 函数的语法是 −

s.replace(pattern, replacement);

这里 S 是我们想要替换某些模式的字符串。让我们详细看看这两个参数 −

pattern − 这指的是字符串 s 的子字符串，该子字符串将被转换为其他内容，即要替换的子字符串。此参数不仅可以是字符串，还可以是正则表达式，表示要在字符串 s 中找到并替换的模式。只有 s 中第一次出现的模式会被替换，但如果此参数中提供了带有全局修饰符"g"的正则表达式，则字符串 s 中该正则表达式的所有匹配项都将被替换。当然，这是一个必需的参数。
replacement - 这表示将取代字符串 s 中模式的字符串。这是将用其替换模式的每次出现。请注意，此参数也可以是函数，返回将用作s中每次出现模式的替换的字符串。

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

"aa.bb.cc.dd".replace(/\./g, " ");

此操作后返回的字符串将是"aa bb cc dd"而不是"aa.bb.cc.dd"，从而将所有出现的点替换为空格。请注意，第一个参数作为带有修饰符"g"的正则表达式传递，因为只有这样，此函数才会替换所有出现的点。

示例

在下面的示例代码中，我们使用了正则表达式/\./g，它表示字符串中任何位置的所有点。


<!DOCTYPE html>
<html>
<body>
   <script>
      var st = "how.are.you";
      var replacedSt = st.replace(/\./g, " ");

      document.write("Original string : " + st);
      document.write("<br>Modified string : " + replacedSt);
   </script>
</body>
</html>