React中replace方法无法将所有^符号全局替换为25%5E怎么办

JavaScript 中String.replace()方法如果传入普通字符串作为匹配规则，默认只会替换第一个命中的目标内容，不会遍历整个字符串做全局替换，这就是你的代码里只有第一个^被替换的根本原因。
需要额外注意：^是正则表达式的特殊元字符，作用是匹配字符串开头位置，如果用正则实现匹配，必须先通过反斜杠对其转义，否则匹配逻辑会完全不符合预期。

方案1：全局正则替换（全环境兼容，推荐） #

给正则表达式添加g（global，全局匹配）标识，同时转义特殊字符^，即可替换字符串中所有的^符号：

const urlStr = "http://localhost:3005/branch-management/edit-branch/?companyName=ABC%20SDN%20BHD%20!!!!%40%40%40%40%23%24%^%26*()&branchName=ABC%20!%40%23%24%^%26*()_";
const newUrlStr = urlStr.replace(/\^/g, "25%5E");
console.log(newUrlStr);

该方案兼容所有浏览器版本，是最稳妥的实现方式。

方案2：replaceAll 方法（写法简洁，适合现代项目） #

ES2021 标准新增的String.replaceAll()方法原生支持字符串全局替换，不需要编写正则、也不需要处理特殊字符转义，React 项目的常规构建环境都支持该语法：

const newUrlStr = urlStr.replaceAll("^", "25%5E");

注意：该方法不支持IE等老旧浏览器，如果项目需要兼容极低版本运行环境，优先选择方案1。

内容的提问来源于stack exchange，提问作者Fatt Sky