JS的replace方法

2023年6月10日下午5:09 • JavaScript

JS的replace方法是一种可以在字符串中搜索指定内容并替换的方法。下面详细讲解它的使用方法和一些示例说明，以便你更好地理解和应用它。

replace方法的语法

JS中replace方法的语法如下：

str.replace(searchValue, replaceValue)

该方法接受两个参数，分别是所要匹配的字符串和替换为的字符串。

参数解释

searchValue

该参数可接受两种类型的值：

字符串：在当前字符串中查找该字符串，并将其替换为新的字符串。
正则表达式：用于匹配字符串中的某个模式，并替换为新的字符串。

replaceValue

该参数用于指定替换后的新字符串。它可以包含一些特殊的模式替换符，例如“$1”、“$2”等。这些模式替换符会在替换的过程中根据匹配结果自动替换为相应的内容，从而完成字符串的替换。

replace方法的使用方法

使用字符串匹配

下面是一个使用字符串匹配进行替换的示例：

var str = "I like cookies";
var newStr = str.replace("cookies", "cake");
console.log(newStr); // "I like cake"

在上面的例子中，我们使用replace方法将字符串“cookies”替换为字符串“cake”，并将新的字符串保存到变量newStr中。

使用正则表达式替换

下面是一个使用正则表达式进行替换的示例：

var str = "My favorite color is blue";
var newStr = str.replace(/blue/gi, "green");
console.log(newStr); // "My favorite color is green"

在上面的例子中，我们使用正则表达式（/blue/gi）匹配字符串中的“blue”，并将其替换为字符串“green”。

/blue/：这是一个匹配字符串中“blue”的正则表达式。
gi：这里的“g”表示全局匹配，“i”表示不区分大小写。

replace方法示例解析

在replace方法中，我们还可以使用一些特殊的替换符进行替换，下面对一些主要的替换符进行说明。

使用$&替换为匹配的字符串

在替换字符串中，你还可以使用特殊的替换符“$&”，表示将匹配的字符串完整保留下来。

var str = "My name is Peter, and I like Peterpan";
var newStr = str.replace(/Peter/g, "$&-Pan");
console.log(newStr); // "My name is Peter-Pan, and I like Peterpan-Pan"

在上面的例子中，我们使用正则表达式匹配字符串中的“Peter”，并将其替换为“Peter-Pan”。

使用$1、$2等替换为匹配的子串

在替换字符串中，你还可以使用特殊的替换符“$1”、“$2”等，表示将匹配到的子串的第一、第二等等个匹配保存下来，以便在替换字符串中使用。

var str = "Name: Peter, Age: 25";
var newStr = str.replace(/Name: (\w+), Age: (\d+)/, "My name is $1, and I'm $2 years old");
console.log(newStr); // "My name is Peter, and I'm 25 years old"

在上面的例子中，我们使用正则表达式匹配字符串中的“Name: Peter, Age: 25”，并将其替换为“My name is Peter, and I'm 25 years old”。

$1表示“(\w+)”的内容即“Peter”，$2表示“(\d+)”的内容即“25”。在替换字符串中，我们可以轻松地引用这些匹配到的子串。