JavaScript 字符串 replace() 方法

2025年9月6日 | 阅读 4 分钟

JavaScript 字符串 replace() 方法用于将给定字符串的一部分替换为新的子字符串。此方法在给定 字符串 中搜索指定的正则表达式,并在找到匹配项时进行替换。

JavaScript String replace() Method

我们可以使用 replace() 方法的全局搜索修饰符来替换所有匹配的元素,否则该方法仅替换第一个匹配项。 JavaScript 还提供了一个忽略标志,使该方法不区分大小写。

语法

replace() 方法由以下语法表示

参数

originalStr - 表示要搜索和替换的字符串。

newStr - 表示替换搜索字符串的新字符串。

返回

它返回一个包含指定替换的新字符串。

JavaScript 字符串 replace() 方法示例

让我们看一些 replace() 方法的示例。

示例 1:替换子字符串

让我们看一个替换 子字符串 的简单示例。

示例

立即执行

输出

ScriptTech

说明

在上面的示例中,我们使用 let 创建了一个名为 str 的变量。我们使用 .replace() 方法 替换了一个字符串。在这里,JavaScript 将 TpointTech 替换为 ScriptTech

示例 2:使用全局搜索修饰符替换正则表达式

在此示例中,我们将使用全局搜索修饰符替换正则表达式。

示例

立即执行

输出

Learn AngularJS on TpointTech. AngularJS is a well-known JavaScript framework.

说明

在上面的示例中,我们使用 let 定义了一个名为 str 的变量并为其赋值。我们使用全局搜索修饰符Node.js 替换为 AngularJS

示例 3:不使用全局搜索替换正则表达式

在此示例中,我们将不使用全局搜索来替换正则表达式。

示例

立即执行

输出

Learn AngularJS on TpointTech. Node.js is a well-known JavaScript framework.

说明

在上面的示例中,我们使用 let 定义了一个名为 str 的变量。我们不使用全局搜索替换了正则表达式。它 将 仅 替换 第一个 匹配项。

示例 4:replace() 方法的区分大小写

在 JavaScript 中,replace() 方法是区分大小写的。在此示例中,我们将看到 replace() 方法如何区分大小写。

示例

立即执行

输出

Learn Node.js on TpointTech. Node.js is a well-known JavaScript framework.

说明

在上面的示例中,我们定义了一个名为 str 的变量。我们尝试将 Node.js 替换为 AngularJS,但我们写的是 Node.JS 而不是 Node.js,这使得它成为一个不同的词,因此 replace() 方法不会将 Node.js 替换为 AngularJS。这显示了 replace() 方法区分大小写的行为。

示例 5:忽略 replace() 方法的区分大小写行为

我们可以通过使用忽略标志修饰符来忽略 replace() 方法的区分大小写行为。让我们通过一个例子来理解。

示例

立即执行

输出

Learn AngularJS on TpointTech. AngularJS is a well-known JavaScript framework.

说明

在上面的示例中,我们使用 let 声明了一个名为 str 的变量。我们使用了忽略大小写标志,因此 replace() 方法会匹配 'Node.js',而不管其区分大小写行为,并将输出打印到控制台。

结论

replace() 方法是字符串的一个方法,对于在 JavaScript 中替换字符串非常有用。它是字符串中最常用的方法之一。在本文中,我们涵盖了 replace() 方法,并看到了它的各种示例。

常见问题

1. replace() 方法对字符串做什么?

在 JavaScript 中,我们使用字符串的 replace() 方法将一个子字符串或字符替换为另一个字符串。替换后,它返回一个包含被替换的子字符串或字符的新字符串。

2. 当 replace() 方法与字符串一起使用时,字符串会被修改吗?

在 JavaScript 中,replace() 方法不会对原始字符串进行任何更改。相反,它会为我们提供一个新字符串,其中旧值的所有出现都已被新值替换。

3. 字符串会替换所有实例吗?

如果我们替换一个值,只会替换第一个实例。如果我们想替换所有实例,我们必须使用带有 g 修饰符的正则表达式。

4. 能用 replace() 方法替换 JavaScript 字符串中的最后一个逗号吗?

是的,我们可以使用 replace() 方法以及 正则表达式 模式来替换字符串中的最后一个逗号。