PHP转义字符转换逻辑迁移至JavaScript时正则匹配失效问题

你的JavaScript代码没达到预期效果，核心有三个问题：

1. 字符串初始化错误 #

你写的var str = "\x3Cstyle\x3E\x0A\x20\x20\x20.mainDiv";里，JS会自动解析双引号内的\xXX转义序列，直接转换成对应的ASCII字符（比如\x3C变成<）。这导致字符串里根本不存在\x开头的子串，正则自然匹配不到任何内容。

要保留\xXX格式的原始文本，需要把反斜杠转义，写成\\x：

var str = "\\x3Cstyle\\x3E\\x0A\\x20\\x20\\x20.mainDiv";

2. 正则缺少全局修饰符 #

默认情况下，replace只替换第一个匹配项。你的场景需要处理所有\xXX序列，必须给正则加上g全局修饰符，同时保留i忽略大小写：

/\\x([0-9A-F]{1,2})/gi

3. 替换函数参数使用错误 #

replace的回调函数中，第一个参数是整个匹配的字符串，第二个参数才是正则捕获组提取的十六进制部分。你需要用这个捕获值来完成转换。

完整正确代码 #

var str = "\\x3Cstyle\\x3E\\x0A\\x20\\x20\\x20.mainDiv";

var newString = str.replace(/\\x([0-9A-F]{1,2})/gi, function(_, hex) {
  return String.fromCharCode(parseInt(hex, 16));
});

console.log(newString);

输出结果 #

<style>
   .mainDiv

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