在 ES11 中，JavaScript 引入了 String Replace 和 Match All 功能，这两个功能可以让很多前端工作更加高效和简单。本文将介绍这两个功能的详细内容，并提供示例代码帮助读者快速学习和使用。
String Replace
String Replace（字符串替换）是在字符串中查找一个子字符串，并用另一个字符串替换掉它的操作。在 ES11 之前，我们通常使用正则表达式或者自定义逻辑实现字符串替换。但是这些方法可能需要编写复杂的代码或者使用第三方库。在 ES11 中，使用 String Replace 更加方便快捷。
语法
ES11 中 String Replace 的语法如下：
string.replace(searchValue, replaceValue);
其中 string 是要进行替换的字符串，searchValue 是要查找的子串，可以是一个字符串或者正则表达式。replaceValue 是用来替换 searchValue 的字符串。
示例
假设有一个字符串 Hello world，我们想要将其中的 world 替换成 there。使用 ES11 中的 String Replace，代码如下：
const str = 'Hello world';
const result = str.replace('world', 'there');
console.log(result); // 'Hello there'使用正则表达式
ES11 的 String Replace 还支持正则表达式，使用正则表达式可以进行更加灵活的字符串替换。
例如，如果我们想要将字符串中所有的数字替换成 x，代码如下：
const str = 'a1b2c3'; const result = str.replace(/\d/g, 'x'); console.log(result); // 'axbxcx'
其中，正则表达式 /\\d/g 匹配字符串中的所有数字，/g 表示全局匹配。
Match All
Match All 功能可以让我们更加简单地获取字符串中所有匹配到的子串。在 ES11 之前，通常我们需要使用正则表达式或者自定义逻辑实现这个功能。
语法
ES11 中 Match All 的语法如下：
string.matchAll(regexp);
其中 string 是要匹配的字符串，regexp 是要匹配的正则表达式。
Match All 返回一个迭代器，可以使用 for...of 循环遍历所有匹配到的子串。
示例
例如，我们想要从字符串中获取所有的数字。使用 ES11 的 Match All，代码如下：
-- -------------------- ---- ------- ----- --- - --------- ----- ------ - ------- ----- ------- - --------------------- --- ------ ----- -- -------- - ---------------------- - -- --- -- --- -- ---
其中，正则表达式 /\\d+/g 匹配所有数字。
总结
在 ES11 中，String Replace 和 Match All 功能让字符串处理更加方便和高效。使用 String Replace 可以避免编写复杂的正则表达式或者自定义逻辑，使用 Match All 可以更加简单地获取所有匹配到的子串。对于前端开发人员来说，这两个功能是非常有用的，可以帮助我们更加轻松地处理字符串相关的工作。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6451f134675af4061b5a93d4