JavaScript replace() 方法详解：从基础替换到正则与回调函数的高级应用

replace() 基础字符替换

replace() 方法最基础的功能是执行简单的字符串替换。具体实现方式如下所示：

结合正则表达式的替换

运行上述代码后，开发者会注意到它仅替换了字符串中首次出现的字符。然而，如果引入正则表达式，结果将截然不同。replace() 方法原生支持正则表达式，允许依据正则规则匹配字符或子串，进而执行替换操作。

观察运行结果可以发现，即便使用了正则表达式，默认情况下依然只替换了第一个匹配项 'a'。对于熟悉正则表达式的开发者而言，解决这一问题并不困难，只需对代码进行微调即可实现预期效果。

此外，还可以采用以下方式进行替换，具体效果如下：

上述示例展示了 replace() 的基础应用场景。该方法在此层面的表现与开发者对正则表达式的掌握程度成正比：正则表达式运用得越熟练，replace() 的潜力发挥得越充分。

利用回调函数的高级应用

推荐掌握 replace() 的核心原因，不仅在于其能与正则表达式协同工作，更在于它支持传入回调函数，从而展现出更为强大的数据处理能力。

首先通过一个简单示例进行说明：将字符串中所有单词的首字母转换为大写。

由上述示例可知，当正则表达式包含 'g' 标志时，表示将对整个字符串进行处理，即回调函数 change 的变换逻辑将应用于所有匹配对象。该回调函数接收三个或更多参数，具体参数数量取决于正则表达式的定义。

结合回调函数与正则表达式后，replace() 处理字符串的功能得到了极大增强。

最后再举一个例子：利用 replace() 实现字符串中所有单词的倒序排列，处理过程十分简洁。