String.replace() 替换子串

最后更新：2026-09-09

replace 用替换内容替换字符串中匹配的部分：字符串参数只替换第一个匹配；正则加 g 标志替换全部。支持回调函数做动态替换。

分类	字符串
ES 版本	ES1

📝 语法

const 新字符串 = 字符串.replace(要替换的模式, 替换内容);

pattern	字符串（只替换首个）或正则表达式（g 标志替换全部）。
replacement	替换字符串或回调函数。

返回值：替换后的新字符串；原字符串不变。

是否修改原值：否（返回新值）

编辑下方代码，点击运行，在输出面板查看结果：

运行结果：

橙子 苹果 苹果
橙子 橙子 橙子
单价200元 总价600元

⚠️ 警告 字符串参数只替换第一个匹配——想全换要么用正则 g 标志，要么用 replaceAll()。

💡 提示 回调函数可以做计算式替换：str.replace(/\d+/g, n => Number(n) * 2)。

浏览器	Chrome	Edge	Firefox	Safari	Opera
String.replace()	✓ v1	✓ v12	✓ v1	✓ v1	✓ v1
所有现代浏览器均支持

更多实战案例即将上线，敬请期待。

Q如何替换全部匹配？

A三种方式：正则 g 标志、replaceAll()（ES2021）、split+join。

Qreplace 的回调函数参数有哪些？

A第一参数是匹配文本，后续是捕获组，最后是下标和原字符串。

Qreplace 后原字符串会变吗？

A不会——JS 字符串不可变，replace 返回全新字符串。必须接收返回值。

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核，确保内容准确可靠。如发现任何问题，欢迎向我们反馈。