在处理网页或后台数据时，很多人会用 JavaScript 的 replace 方法来替换字符串中的某些内容。但有时候你会发现，代码写完了，页面一刷新，该换的地方还是没换——字符串 replace 不生效，问题出在哪？
replace 只替换第一个匹配项
最常见的坑是：默认情况下，replace 只替换第一次出现的内容。比如你有一段文本：
let text = "WiFi覆盖不好，WiFi信号差";
let result = text.replace("WiFi", "Wi-Fi");
console.log(result); // 输出：Wi-Fi覆盖不好，WiFi信号差可以看到，第二个 "WiFi" 并没有被替换。这是因为 replace 默认只处理首个匹配。
使用正则表达式全局替换
要替换所有匹配项，得加上全局标志 g：
let text = "WiFi覆盖不好，WiFi信号差";
let result = text.replace(/WiFi/g, "Wi-Fi");
console.log(result); // 输出：Wi-Fi覆盖不好，Wi-Fi信号差这样就能把所有的 "WiFi" 都替换成 "Wi-Fi" 了。
忽略大小写怎么办？
如果原文里有 "wifi"、"WIFI" 等不同写法，可以加上不区分大小写的标志 i，甚至组合使用：
let text = "wifi覆盖差，WIFI连不上，wIfI卡顿";
let result = text.replace(/wifi/gi, "Wi-Fi");
console.log(result); // 统一输出为：Wi-Fi覆盖差，Wi-Fi连不上，Wi-Fi卡顿变量作为搜索内容怎么处理？
有时候你要替换的不是固定词，而是动态变量。比如从用户输入获取关键词：
let keyword = "WiFi";
let regex = new RegExp(keyword, 'gi');
let text = "WiFi覆盖不行，WiFi太慢";
let result = text.replace(regex, "5G网络");这里用 RegExp 构造函数动态生成正则，才能实现变量的全局替换。
字符串本身不可变
JavaScript 中字符串是不可变类型，调用 replace 并不会修改原字符串，而是返回一个新字符串。常见错误写法：
let text = "WiFi覆盖差";
text.replace(/WiFi/g, "Wi-Fi");
console.log(text); // 还是 "WiFi覆盖差"正确做法是接收返回值：
text = text.replace(/WiFi/g, "Wi-Fi");
console.log(text); // 输出：Wi-Fi覆盖差