在ES6及后续标准中，字符串原型上新增了replaceAll方法，用来将字符串中所有匹配的子串替换为新的内容。相比传统的replace方法，它不需要借助带有g标志的正则表达式就能完成全局替换，使用上更加直观。
replaceAll基本语法
replaceAll接收两个参数，第一个是待匹配的模式，可以是字符串或正则表达式；第二个是替换值或替换函数。如果第一个参数是字符串，则所有出现的该字符串都会被替换。
// 字符串作为匹配模式，全局替换所有逗号
const text = '苹果,香蕉,橘子,苹果';
const result = text.replaceAll('苹果', '西瓜');
console.log(result); // 西瓜,香蕉,橘子,西瓜
// 使用替换函数
const numbered = 'a1b2c3';
const out = numbered.replaceAll(/d/g, (match) => '[' + match + ']');
console.log(out); // a[1]b[2]c[3]
和replace的区别
当使用字符串作为第一个参数时，replace只替换第一处，而replaceAll替换全部。若第一个参数是正则表达式，replaceAll要求该正则必须带有g修饰符，否则会抛出错误。
| 方法 | 字符串参数 | 正则无g | 正则带g |
|---|---|---|---|
| replace | 替换首个 | 替换首个 | 替换全部 |
| replaceAll | 替换全部 | 报错 | 替换全部 |
常见错误示例
const str = 'ababab'; // 下面这行会报错：replaceAll必须使用全局正则 // str.replaceAll(/a/, 'x'); // 正确写法 str.replaceAll(/a/g, 'x'); // 'xbxbxb'
使用注意事项
- replaceAll是ES2021正式引入，旧版浏览器或Node低版本可能不支持，生产环境可用垫片或编译工具处理。
- 匹配模式为字符串时，不会把特殊字符当正则解析，适合纯文本替换。
- 替换函数接收到的参数与replace一致，包含匹配内容、偏移量、原字符串等。
实际应用场景
比如把用户输入中的敏感词批量屏蔽，或者将模板里的占位符统一替换成真实数据，都可以直接用replaceAll提升可读性。
const tpl = '你好{name}，今天是{date}';
const html = tpl.replaceAll('{name}', '小明').replaceAll('{date}', '周一');
console.log(html); // 你好小明，今天是周一
总的来说，replaceAll让全局替换字符串变得更简单，写代码时不容易遗漏全局标志，推荐在支持的环境中优先使用。
ES6replaceAll字符串全局替换JavaScript修改时间：2026-07-24 19:12:20