JS replace 不止于“换词”，掌握这三招搞定高频字符串难题

写前端代码时，几乎每个开发者都跟过这么一段需求：“把用户输入里的敏感词过滤掉”或者“把日期格式从 YYYY/MM/DD 转成 YYYY-MM-DD”。很多人第一反应是直接上 replace，敲着敲着却发现，有时候只换了一个，有时候全乱了。字符串替换看着基础，真要把它用到顺手，得跨过几个经常被忽略的细节。

默认情况下，原生 replace 只认第一个匹配项。比如想把手机号中间四位隐藏起来，写成 "13812345678".replace("1", "***")，结果只会变成 ***3812345678，剩下的数字纹丝不动。这时候需要给正则表达式加上全局标志 /g：用正则配合全局标记才能彻底清扫所有目标。正确的做法是把待替换的字符封装成正则字面量，直接写上 /目标字符/g 再执行替换。记住这个惯性思维盲区，能省下一大段调试时间。

如果需求稍微复杂点，比如要把商品编号里的字母统一转大写，或者根据匹配到的数字动态计算折扣价，静态字符串就搞不定了。replace 真正的威力在于第二个参数可以直接接收一个回调函数。当正则命中某段文本时，引擎会把捕获的内容自动传入函数，函数的返回值直接替回原位置。把复杂的条件判断塞进回调体里，替换就不再是机械搬运，而是带着业务规则的精准加工。表单清洗、字段脱敏这类脏活累活，靠这套组合拳就能一次跑通。

玩透函数回调的同时，经常会碰到分组引用带来的排版混乱。正则里的圆括号会默默记录顺序，$& 代表整句匹配内容，$1 对应第一组，$' 和 $` 分别表示匹配后的后缀与前缀。把这些内置占位符和模板字符串搭配使用，能大幅削减手动拆解拼接的代码量。顺便提一句，现代运行环境已经全面支持 replaceAll() 方法，语法更直白，不再强依赖正则的全局标志。但在需要动态计算返回值的老项目或复杂校验流里，replace 配合 /g 依然是不可替代的主力。新旧工具交替，选对切入点比死记 API 列表更管用。

字符串替换从来不是孤立的语法片段，而是数据预处理流水线上的第一道闸门。平时多留意那些需要按规则变形的文本场景，把静态替换升级成动态处理，代码结构会清爽不少。下次再遇到“批量改字”的需求，不妨先想想该让正则上场兜底，还是直接把核心逻辑喂给回调函数。练熟这几套实操路径，日常开发里的文字变形工作，基本都能从容应对。