js 字符串替换 replaceAll

js 字符串替换 replaceAll

在 JavaScript 中，我们经常需要对字符串进行替换操作。常见的替换方法是使用 replace 方法，但是这个方法只会替换第一个匹配到的字符串。如果我们希望替换所有匹配到的字符串，就需要使用 replaceAll 方法。在本文中，我们将详细介绍 replaceAll 方法的用法和示例。

语法

replaceAll 方法的语法如下：

string.replaceAll(searchValue, replaceValue)

• searchValue: 要被替换的字符串或正则表达式。
• replaceValue: 替换 searchValue 的新字符串。

示例

下面我们通过一些示例来演示 replaceAll 方法的用法：

示例1

const str = "hello world hello";
const newStr = str.replaceAll("hello", "hi");
console.log(newStr); // 输出：hi world hi

在这个示例中，我们将字符串 str 中所有的 “hello” 都替换为 “hi”。

示例2

const str = "apple orange banana";
const newStr = str.replaceAll(/\b\w+\b/g, "fruit");
console.log(newStr); // 输出：fruit fruit fruit

在这个示例中，我们使用正则表达式 \b\w+\b 匹配单词，并将所有单词替换为 “fruit”。

示例3

const str = "123 456 789";
const newStr = str.replaceAll(/\d+/g, num => parseInt(num) * 2);
console.log(newStr); // 输出：246 912 1578

在这个示例中，我们使用正则表达式 \d+ 匹配数字，并将所有数字乘以2。

注意事项

• replaceAll 方法是在 ES2021 中引入的新特性，因此在一些旧版本的浏览器中可能不支持。
• searchValue 可以是一个字符串或者正则表达式。
• 如果 searchValue 是字符串，replaceValue 可以是一个字符串或者一个函数。
• 如果 searchValue 是一个正则表达式，replaceValue 可以是一个字符串或者一个函数。

总结

replaceAll 方法是 JavaScript 中用于替换字符串中所有匹配到的子串的方法。通过本文的介绍和示例，相信你已经了解了 replaceAll 方法的用法和注意事项。在实际开发中，当我们需要替换字符串中所有匹配到的内容时，可以考虑使用 replaceAll 方法。