用JavaScript ES12 新特性替换字符串的所有实例

2023-12-14 17:38:45

最近，JavaScript ES12 新特性中替换字符串的 replaceAll 方法备受关注。这可是一个值得喜大普奔的好消息，各位开发者朋友们，赶紧来尝鲜体验一下吧！

说起JavaScript中的 replace 方法，想必各位开发者朋友们都不陌生吧？它只能替换字符串中匹配到的第一个实例字符，无法实现全局多项匹配替换。想要实现此功能，我们只能通过正则表达式进行相关规则匹配替换。这无疑是增加了很多繁琐的工作量。

而 replaceAll 方法则更为强大，它能帮助我们轻松替换字符串中匹配到的所有实例字符，并返回一个全新的字符串。这简直是太方便了！

下面，我将带大家通过一些生动的实例来学习如何使用 replaceAll 方法。

示例1：替换字符串中所有出现的“a”

const str = "JavaScript is a programming language.";
const newStr = str.replaceAll("a", "o");
console.log(newStr); // Output: "Jovoscript is o progromming longuoge."

在示例1中，我们用 replaceAll 方法替换了字符串 str 中的所有 “a”。

示例2：替换字符串中所有出现的数字

const str = "123 Main Street, Anytown, CA 91234";
const newStr = str.replaceAll(/\d/g, "*");
console.log(newStr); // Output: "*** Moin Street, Anytown, CA ** **"

在示例2中，我们用 replaceAll 方法替换了字符串 str 中的所有数字。我们使用了一个正则表达式 /\d/g 来匹配所有数字，其中 “g” 表示全局匹配。

示例3：替换字符串中所有出现的特定单词

const str = "JavaScript is a fun and easy language to learn.";
const newStr = str.replaceAll("JavaScript", "Python");
console.log(newStr); // Output: "Python is a fun and easy language to learn."

在示例3中，我们用 replaceAll 方法替换了字符串 str 中的所有 “JavaScript” 为 “Python”。

怎么样，是不是很简单？各位开发者朋友们，快去试试这个好用的新特性吧！

为了帮助大家进一步理解 replaceAll 方法，我们总结了以下几点注意事项：