js replace正则相关的诡异问题
导读：收集整理的这篇文章主要介绍了js replace正则相关的诡异问题，觉得挺不错的，现在分享给大家，也给大家做个参考。 测试的昵称：jesse$< 查看代码：Javascript代...
收集整理的这篇文章主要介绍了js replace正则相关的诡异问题，觉得挺不错的，现在分享给大家，也给大家做个参考。 测试的昵称：jesse$
查看代码：Javascript代码
复制代码 代码如下:
$id("f_msg_grow_1").innerHTML=msg["not_club"]["grow_value"].replace(/\{ NICK_NamE} /,this.info["friend"]["nick_name"]);
看代码很快可以注意到两点：“replace 正则”和“$ ”。
在js 中replace 支持正则表达式，而$ 又恰好是正则向后匹配的特殊字符，很容易想到是正则引起的问题。而据我所知正则向后引用只有$1 、$2 、$3 、$4…… ，而这里只有一个”$” 没有数字。
昵称“jesse$ ”在后台经html 特殊字符处理，传到前端是：“jesse$& lt; ”，看页面结果注意到“$” 后的“& ” 的也被替换了。难道是“$& ” 在js 里表示正则向后引用的全匹配?
然后去掉了正则，将代码改成：Javascript代码
复制代码 代码如下:
$id("f_msg_grow_1").innerHTML=msg["not_club"]["grow_value"].replace("{ NICK_NAME} ",this.info["friend"]["nick_name"]);
居然还是同样的结果，太诡异了!!!
更诡异的是在IE 下查看，居然是显示正确的（之前一直在ff 下测试）！
测试代码：Javascript代码
复制代码 代码如下:
document.wrITe("姓名：{ NAME} ".replace(/\{ NAME} /g,"张剑光$& "));
IE 和ff 显示相同：C-sharp代码
姓名：张剑光{ NAME} amp;
经测试，“$& ” 果真表示正则向后引用的全匹配，算我孤陋，之前居然不知道！
测试代码：Javascript代码
复制代码 代码如下:
document.write("姓名：{ NAME} ".replace("{ NAME} ","张剑光$& "));
ff 显示：C-sharp代码
姓名：张剑光{ NAME} amp
IE 显示：C-sharp代码
姓名：张剑光$&
经测试，ff 下居然replace 即使不用正则，“$& ” 也表示向后全匹配！！！
无语！
查找资料、测试并总结如下：
一、
字符 | 含义 |
$$ | $ |
$& | 指定与整个模式匹配的 stringObj 的部分。 |
$` | 指定由 $& 描述的匹配之前的 stringObj 部分。 |
$' | 指定由 $& 描述的匹配之后的 stringObj 部分。 |
测试代码：
复制代码 代码如下:document.write("姓名：{ NAME} __".replace(/\{ NAME} /g,"张剑光$& "));
document.write("姓名：{ NAME} __".replace(/\{ NAME} /g,"张剑光$$"));
document.write("姓名：{ NAME} __".replace(/\{ NAME} /g,"张剑光$`"));
document.write("姓名：{ NAME} __".replace(/\{ NAME} /g,"张剑光$'"));
Ie 、ff 和chrome 结果相同：
复制代码 代码如下:
姓名：张剑光{ NAME} amp__姓名：张剑光$__姓名：张剑光姓名：__姓名：张剑光____
二、 ff 和chrome 下replace 不使用正则，也对上述特殊字符起作用
ie 下replace 不使用正则，对上述特殊字符不起作用 测试代码：
复制代码 代码如下:
document.write("姓名：{ NAME} __".replace("{ NAME} ","张剑光$& "));
document.write("姓名：{ NAME} __".replace("{ NAME} ","张剑光$& "));
document.write("姓名：{ NAME} __".replace("{ NAME} ","张剑光$$"));
document.write("姓名：{ NAME} __".replace("{ NAME} ","张剑光$`"));
document.write("姓名：{ NAME} __".replace("{ NAME} ","张剑光$'"));
ff 和chrome 结果：
复制代码 代码如下:
姓名：张剑光{ NAME} amp__姓名：张剑光$__姓名：张剑光姓名：__姓名：张剑光____
Ie 结果：
复制代码 代码如下:
姓名：张剑光$& __姓名：张剑光$& __姓名：张剑光$$__姓名：张剑光$`__姓名：张剑光$'__
三、 由此，我们在应用replace 等正则相关函数时，是否有必要特殊处理下上述存在情况呢？
测试代码：
复制代码 代码如下:
VAR str = "姓名：{ NAME} ";
var str2 = "$jesse$";
document.write(str.replace(/\{ NAME} /g,str2));
document.write("br /> ");
document.write(str.replace(/\{ NAME} /g,str2.replace(/\$/g,'$$$$'))); //注意这里是四个“$”
页面显示：
复制代码 代码如下:
姓名：{ NAME} lt; jesse{ NAME} lt;
姓名：$jesse$
你还可以自己测试下：
复制代码 代码如下:
var str = "姓名：{ NAME} ";
var str2 = "$jesse$";
document.write(str.replace(/\{ NAME} /g,str2.replace(/\$/g,'$$')));
比较好的做法是：
复制代码 代码如下:
function tplReplace(str,json){
return str.replace(/{ (\w+)} /gi,function(a,b){
return b in JSON ? json[b] : a;
}
}
您可能感兴趣的文章:
- JavaScript字符串对象replace方法实例（用于字符串替换或正则替换）
- javascript 正则替换 replace(regExp, function)用法
- JavaScript replace(rgExp,fn)正则替换的用法
- javascript replace()正则替换实现代码
- js正则函数match、exec、test、search、replace、split使用介绍集合
- JS利用正则配合replace替换指定字符
- js使用正则实现ReplaceAll全部替换的方法
- JS使用replace()方法和正则表达式进行字符串的搜索与替换实例
- js正则表达式之replace函数用法
- js使用正则实现ReplaceAll全部替换的方法
- js使用Replace结合正则替换重复出现的字符串功能示例
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： js replace正则相关的诡异问题
本文地址： https://pptw.com/jishu/595569.html