ECMAScript 2020 中 String.prototype.replaceAll 方法解决字符串替换的问题-JavaScript中文网-JavaScript教程资源分享门户

在前端开发中，字符串替换是一个常见的问题。以往我们通常使用 String.prototype.replace 方法来实现字符串替换，但是这个方法只会替换第一个匹配项。在 ECMAScript 2020 中，新增了 String.prototype.replaceAll 方法来解决这个问题。

String.prototype.replace 方法的局限性

String.prototype.replace 方法是 JavaScript 内置的字符串替换方法，它可以接收两个参数，第一个参数是一个正则表达式或者一个字符串，表示要替换的内容；第二个参数是一个字符串或者一个函数，表示替换后的内容。

const str = 'hello world';
const newStr = str.replace('o', '0');
console.log(newStr); // 'hell0 world'

上面的例子中，我们使用 String.prototype.replace 方法将字符串中的第一个字母 o 替换成了数字 0。

但是，String.prototype.replace 方法只会替换第一个匹配项。如果我们想要替换所有匹配项，就需要使用正则表达式，并且加上 g 标志。

const str = 'hello world';
const newStr = str.replace(/o/g, '0');
console.log(newStr); // 'hell0 w0rld'

上面的例子中，我们使用正则表达式 /o/g 来匹配字符串中的所有字母 o，并将其替换成数字 0。

但是，如果要替换的内容是一个字符串，而不是一个正则表达式，我们就无法使用 String.prototype.replace 方法来替换所有匹配项了。

const str = 'hello world';
const newStr = str.replace('hello', 'hi');
console.log(newStr); // 'hi world'

上面的例子中，我们使用 String.prototype.replace 方法将字符串中的第一个单词 hello 替换成了 hi。但是，如果我们想要替换所有的 hello，就无法使用 String.prototype.replace 方法了。

String.prototype.replaceAll 方法的解决方案

在 ECMAScript 2020 中，新增了 String.prototype.replaceAll 方法来解决这个问题。String.prototype.replaceAll 方法和 String.prototype.replace 方法的用法基本相同，但是它会替换所有匹配项，而不是只替换第一个匹配项。

const str = 'hello world';
const newStr = str.replaceAll('o', '0');
console.log(newStr); // 'hell0 w0rld'

上面的例子中，我们使用 String.prototype.replaceAll 方法将字符串中的所有字母 o 替换成了数字 0。

const str = 'hello world';
const newStr = str.replaceAll('hello', 'hi');
console.log(newStr); // 'hi world'

上面的例子中，我们使用 String.prototype.replaceAll 方法将字符串中的所有单词 hello 替换成了 hi。

总结

在 ECMAScript 2020 中，新增了 String.prototype.replaceAll 方法来解决字符串替换的问题。与 String.prototype.replace 方法不同的是，String.prototype.replaceAll 方法会替换所有匹配项，而不是只替换第一个匹配项。在实际开发中，我们可以根据需要选择使用 String.prototype.replace 方法或者 String.prototype.replaceAll 方法来实现字符串替换。

示例代码

// javascriptcn.com 代码示例
const str = 'hello world';
const newStr1 = str.replace(/o/g, '0');
const newStr2 = str.replaceAll('o', '0');
console.log(newStr1); // 'hell0 w0rld'
console.log(newStr2); // 'hell0 w0rld'

const str2 = 'hello world, hello world';
const newStr3 = str2.replace('hello', 'hi');
const newStr4 = str2.replaceAll('hello', 'hi');
console.log(newStr3); // 'hi world, hello world'
console.log(newStr4); // 'hi world, hi world'

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/65826231d2f5e1655dd81f24