JavaScript字符串replace方法详解|极客笔记

JavaScript字符串replace方法详解

在JavaScript中，字符串是一种基本的数据类型，表示一系列字符的序列。在处理字符串时，经常会用到 replace() 方法来替换字符串中指定的子串。本文将详细介绍JavaScript中replace()方法的用法和示例。

replace()方法的基本语法

replace() 方法用于在字符串中查找指定的模式，并将其替换为指定的子串。replace() 方法的基本语法如下所示：

str.replace(regexp|substr, newSubStr|function)

其中，str 是需要进行替换操作的原始字符串；regexp|substr 是需要替换的模式，可以是一个正则表达式对象或是一个字符串；newSubStr|function 是替换后的新字符串或一个回调函数。

如果 regexp|substr 是一个字符串时，replace() 只会替换第一次匹配的子串；
如果 regexp|substr 是一个正则表达式时，replace() 方法会替换所有匹配的子串。

使用字符串替换

首先，我们来看一个简单的示例，演示如何使用字符串替换：

let str = "Hello, world!";
let newStr = str.replace("world", "JavaScript");
console.log(newStr); // 输出：Hello, JavaScript!

上面的代码中，我们定义了一个字符串 str，然后使用 replace() 方法将其中的 “world” 替换为 “JavaScript”，最终输出替换后的字符串。

使用正则表达式替换

除了使用字符串作为替换模式外，我们还可以使用正则表达式来进行替换。下面是一个使用正则表达式进行替换的示例：

let str = "Today is 2022-01-01";
let newStr = str.replace(/\d{4}-\d{2}-\d{2}/, "tomorrow");
console.log(newStr); // 输出：Today is tomorrow

在上面的代码中，我们使用正则表达式 \d{4}-\d{2}-\d{2} 来匹配日期格式，并将其替换为 “tomorrow”。

替换所有匹配的子串

如果希望一次性替换所有匹配的子串，可以使用正则表达式结合 g 标志。下面是一个替换所有匹配的子串的示例：

let str = "apple,orange,banana,apple,orange,banana";
let newStr = str.replace(/apple|orange|banana/g, "fruit");
console.log(newStr); // 输出：fruit,fruit,fruit,fruit,fruit,fruit

在上面的代码中，我们使用正则表达式 /apple|orange|banana/g 来匹配所有的水果名称，并将其替换为 “fruit”。

使用回调函数替换

除了直接替换为固定字符串外，replace() 方法还支持使用回调函数进行替换。下面是一个使用回调函数进行替换的示例：

let str = "hello,world";
let newStr = str.replace(/(\w+),(\w+)/, function(match, p1, p2) {
    return p2 + " " + p1;
});
console.log(newStr); // 输出：world hello

在上面的代码中，我们定义了一个回调函数，对匹配到的两个单词进行了位置互换。