ES12 中 String.prototype.replaceAll() 的完全指南
在 ES12 中，新增了 String.prototype.replaceAll() 方法，该方法用于替换字符串中所有匹配的子字符串。这个方法的使用非常方便，在处理字符串时可以减少很多冗余的操作，让开发者的工作更加轻松。本文将详细介绍这个方法，并提供一些示例代码，帮助读者更深入地理解和应用这个方法。
语法
String.prototype.replaceAll(searchValue, replaceValue)
参数
- searchValue：需要被替换的字符串或正则表达式。
- replaceValue：替换成的字符串或一个回调函数。
返回值
一个新的字符串，原字符串中所有匹配的子字符串均已替换成新的字符串。
示例代码
使用 String.prototype.replaceAll() 方法的最简单方式，就是直接传入两个字符串作为参数，分别表示需要被替换的字符串和替换成的字符串。例如：
const str = 'Hello world, hello JavaScript!';
const newStr = str.replaceAll('hello', 'hi');
console.log(newStr); // 'Hello world, hi JavaScript!'在这个例子中，我们将字符串中所有的 'hello' 替换成了 'hi'，最后得到了新的字符串。这个方法不需要你手动循环遍历字符串，就可以完成所有需要的操作。
除了两个字符串作为参数，也可以使用一个回调函数。这个回调函数有两个参数，第一个参数表示找到的子字符串，第二个参数表示这个子字符串在原字符串中的索引位置。例如：
const str = 'The quick brown fox jumps over the lazy dog!';
const regExp = /o/g;
const newStr = str.replaceAll(regExp, (match, index) => `${match}_${index}`);
console.log(newStr); // 'The quick br_14wn f_16x jumps _18ver the lazy d_20g!'在这个例子中，我们首先使用正则表达式 /o/g，找到了所有的 'o'，接着将这个正则表达式作为第一个参数传入了 replaceAll() 方法。在第二个参数中，传入了一个回调函数，该函数的两个参数分别为找到的子字符串和这个子字符串在原字符串中的索引位置。在回调函数中，我们将这个字符串后面追加了它的索引位置，以实现不同的替换效果。
总结
在本文中，我们介绍了 ES12 中新增的 String.prototype.replaceAll() 方法，并提供了一些示例代码帮助读者更加深入地理解和应用这个方法。使用这个方法可以减少很多冗余的代码和操作，提高开发效率，是前端开发者们必不可少的工具之一。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64c477cc83d39b488180045f