在编写前端代码时，字符串的处理是很常见的需求。在过去的 ES 版本中，我们通常使用 replace() 方法对字符串进行替换。但是在 ES12 中，新增了 replaceAll() 方法，它与 replace() 方法类似，但不同的是可以对所有匹配项进行替换。
基本用法
replaceAll() 方法的基本语法如下：
--------------------------- -------------
其中，searchValue 是要被替换的字符串或正则表达式，replaceValue 是替换字符串。
下面是一个简单的示例：
----- --- - ------ ------- ----- ------ - ------------------- ----- -------------------- -- -------- -----
在上面的示例中，我将字符串 "o" 替换为 "0"，并将结果赋给了一个新的字符串变量 newStr。
需要注意的是，replaceAll() 方法在所有匹配项中进行全局替换。所以如果你想只替换第一个匹配项，那么仍然应该使用 replace() 方法。
使用正则表达式
除了可以替换具体的字符串外，replaceAll() 还可以接受正则表达式作为搜索条件，从而实现更灵活的字符串替换。
例如，下面这段代码将会将所有数字替换为空格：
----- --- - --------------- ----- ------ - ---------------------- - --- -------------------- -- ------ ---
正则表达式 /\d+/g 匹配所有连续的数字，并使用空格作为替换字符串。
注意：在使用正则表达式进行替换时，一定要注意 $ 和 \ 这两个特殊字符的转义问题，否则会导致意想不到的结果。
下面是一个错误的示例：
----- --- - ----- --- - -------- ----- ------ - ------------------- ----- -------------------- -- ------- --- - ------
上面的代码试图将 $ 替换为 ￥，但实际上并没有起到任何作用。这是因为 $ 是一个特殊字符，表示字符串的结尾。如果你仍想替换 $ 字符，那么你需要将其转义为 \$：
----- --- - ----- --- - -------- ----- ------ - --------------------- ----- -------------------- -- ------- --- - ------
总结
replaceAll() 方法是一种非常方便的方法，它可以帮助我们快速、灵活地处理字符串。在实际应用中，你可以通过结合正则表达式，使用这个方法来做更多的事情。但是需要注意，在替换字符串时，一定要考虑到边界情况，避免出现意想不到的错误。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6503ea0695b1f8cacd0ac483