js replace() 文本替换你所不知的

接下来我将详细讲解一下 JavaScript 中的 replace() 方法，包括它的用法、语法、返回值、示例等内容。

replace() 方法的用途

在 JavaScript 中，replace() 方法是用来在一个字符串中查找指定值或正则表达式，并将匹配的部分替换为另一个指定的值或字符串。

replace() 方法的语法

replace() 方法的基本语法如下：

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

其中，str 表示要进行替换的原始字符串，而 regexp 或 substr 表示要搜索的模式或子串。newSubstr 或 function 则表示要替换匹配模式的字符串或生成替换字符串的函数。

需要注意的是，replace() 方法执行替换操作后，并不改变原始字符串，而是返回一个新的字符串。如果要替换所有匹配的子串，需要使用正则表达式，并且要在正则表达式后面添加 g 标志。

replace() 方法的返回值

replace() 方法的返回值是一个新的字符串，表示执行替换操作后得到的结果。如果源字符串不包含任何匹配的子串，则返回源字符串本身，不会做任何替换操作。

示例一：使用 replace() 方法替换指定字符串

下面是一个示例，演示如何使用 replace() 方法来替换指定字符串：

const str = "Hello World!";
const newStr = str.replace("World", "JavaScript");
console.log(newStr); // 输出 "Hello JavaScript!"

在上面的代码中，我们将字符串 "World" 替换为 "JavaScript"，从而得到一个新的字符串 "Hello JavaScript!"。

需要注意的是，replace() 方法只能替换源字符串中的第一个匹配项，如果要将所有匹配项全部替换，需要使用正则表达式，并在正则表达式后面添加 g 标志。

示例二：使用 replace() 方法替换正则表达式

下面是一个示例，演示如何使用正则表达式来替换源字符串中的匹配项：

const str = "Hello World! Hello JavaScript!";
const newStr = str.replace(/Hello/g, "Hi");
console.log(newStr); // 输出 "Hi World! Hi JavaScript!"

在上面的代码中，我们使用正则表达式 /Hello/g 来查找源字符串中的所有匹配项，并将它们替换为字符串 "Hi"，从而得到一个新的字符串 "Hi World! Hi JavaScript!"。

需要注意的是，如果要在替换操作中使用替换字符串的一部分或者自定义的替换逻辑，可以使用一个回调函数作为第二个参数，该回调函数接受匹配到的字符串作为参数，然后返回要替换的字符串。