JavaScript 替换所有

本文将向您展示如何在 JavaScript 中替换字符串中出现的所有实例，因此在结论中，我们将知道如何识别给定字符串中的特定类型的子字符串，并允许用户将其替换为另一个字符串。

在本文中，我们将了解三种在 JavaScript 中全局替换字符串的方法：第一种方法是将字符串拆分为数组，然后通过在间隔中添加替换来重新连接；第二种方法是使用带有全局正则表达式的 replace() 方法；第三种方法是 JavaScript 字符串的 replaceAll() 方法。

数组拆分和连接

此方法概念是将所需的子字符串从字符串中提取出来，分离剩余的部分，将它们存储在数组中，然后将所有部分连接起来，在它们之间添加替换，最后将字符串转换回其原始形式。

语法

现在让我们来检查它的语法。

我们在上面的语法中指定了三个字符串：第一个是要被替换的字符串，第二个是我们希望替换的字符串，第三个是用于替换的字符串。

接下来，我们使用 split() 函数分割“given_string”，并将结果保存在数组“string_after_splitting”中。最后，我们使用 'join' 函数合并数组的元素，提供一个保存在 'required_string' 变量中的 'replacement' 字符串（即我们需要的最终答案/字符串）。

示例

为了进一步理解上面的语法，让我们通过一个例子来实践一下。

输出

点击 Press me 按钮之前

点击 Press me 按钮之后

使用带有全局正则表达式的 replace() 方法

在此过程中使用字符串 replace() 函数。使用此方法，要替换的字符串将被声明为具有全局范围的正则表达式，并将搜索并替换提供的字符串。

语法

让我们检查它的语法并看看它是如何工作的。

示例

为了进一步理解上面的语法，让我们通过一个例子来实践一下。

输出

点击 Press me 按钮之前

点击 Press me 按钮之后

使用 JavaScript 的 replaceAll() 函数处理字符串

此方法与 replace() 相同，唯一的区别是 replace() 使用正则表达式，而这里我们只使用纯字符串。让我们直接进入语法并理解它是如何工作的。

语法

我们在上面的语法中指定了三个字符串：第一个是我们得到的字符串，第二个是我们需要的替换的字符串，第三个是我们用来替换给定字符串的字符串。

然后使用 replaceAll() 函数将提供的字符串替换了原始字符串的每个实例。

示例

为了进一步理解上面的语法，让我们借助示例来理解它。

代码

输出

点击 Press me 按钮之前

点击 Press me 按钮之后

总结

在本文中，我们学习了如何在 JavaScript 中替换字符串的任何出现位置。现在我们知道如何识别给定字符串中的特定类型的子字符串，并用用户提供的另一个字符串替换它。

JavaScript 中有三种替换字符串所有实例的技术

• 将字符串分解为数组，并通过在间隔中添加替换来重新连接
• 使用带有全局正则表达式的 replace() 函数
• 使用字符串的 replaceAll() 方法