js replace正則相關(guān)的詭異問(wèn)題
更新時(shí)間：2009年10月08日 14:27:56 作者：
最近做會(huì)員個(gè)人身份頁(yè)的時(shí)候遇上如下問(wèn)題
測(cè)試的昵稱：jesse$<
查看代碼：Javascript代碼
復(fù)制代碼 代碼如下:
$id("f_msg_grow_1").innerHTML=msg["not_club"]["grow_value"].replace(/\{NICK_NAME}/,this.info["friend"]["nick_name"]);
看代碼很快可以注意到兩點(diǎn)：“replace 正則”和“$ ”。
在js 中replace 支持正則表達(dá)式，而$ 又恰好是正則向后匹配的特殊字符，很容易想到是正則引起的問(wèn)題。而據(jù)我所知正則向后引用只有$1 、$2 、$3 、$4…… ，而這里只有一個(gè)”$” 沒(méi)有數(shù)字。
昵稱“jesse$< ”在后臺(tái)經(jīng)html 特殊字符處理，傳到前端是：“jesse$< ”，看頁(yè)面結(jié)果注意到“$” 后的“&” 的也被替換了。難道是“$&” 在js 里表示正則向后引用的全匹配?
然后去掉了正則，將代碼改成：Javascript代碼
復(fù)制代碼 代碼如下:
$id("f_msg_grow_1").innerHTML=msg["not_club"]["grow_value"].replace("{NICK_NAME}",this.info["friend"]["nick_name"]);
居然還是同樣的結(jié)果，太詭異了!!!
更詭異的是在IE 下查看，居然是顯示正確的（之前一直在ff 下測(cè)試）！
測(cè)試代碼：Javascript代碼
復(fù)制代碼 代碼如下:
document.write("姓名：{NAME}".replace(/\{NAME}/g,"張劍光$&"));
IE 和ff 顯示相同：C-sharp代碼
姓名：張劍光{NAME}amp;
經(jīng)測(cè)試，“$&” 果真表示正則向后引用的全匹配，算我孤陋，之前居然不知道！
測(cè)試代碼：Javascript代碼
復(fù)制代碼 代碼如下:
document.write("姓名：{NAME}".replace("{NAME}","張劍光$&"));
ff 顯示：C-sharp代碼
姓名：張劍光{NAME}amp
IE 顯示：C-sharp代碼
姓名：張劍光$&
經(jīng)測(cè)試，ff 下居然replace 即使不用正則，“$&” 也表示向后全匹配！??！
無(wú)語(yǔ)！
查找資料、測(cè)試并總結(jié)如下：
一、
|
字符 |
含義 |
|
$$ |
$ |
|
$& |
指定與整個(gè)模式匹配的 stringObj 的部分。 |
|
$` |
指定由 $& 描述的匹配之前的 stringObj 部分。 |
|
$' |
指定由 $& 描述的匹配之后的 stringObj 部分。 |
測(cè)試代碼：
復(fù)制代碼 代碼如下:
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 結(jié)果相同：
復(fù)制代碼 代碼如下:
姓名：張劍光{NAME}amp__姓名：張劍光$__姓名：張劍光姓名：__姓名：張劍光____
二、 ff 和chrome 下replace 不使用正則，也對(duì)上述特殊字符起作用
ie 下replace 不使用正則，對(duì)上述特殊字符不起作用 測(cè)試代碼：
復(fù)制代碼 代碼如下:
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 結(jié)果：
復(fù)制代碼 代碼如下:
姓名：張劍光{NAME}amp__姓名：張劍光$__姓名：張劍光姓名：__姓名：張劍光____
Ie 結(jié)果：
復(fù)制代碼 代碼如下:
姓名：張劍光$&__姓名：張劍光$&__姓名：張劍光$$__姓名：張劍光$`__姓名：張劍光$'__
三、 由此，我們?cè)趹?yīng)用replace 等正則相關(guān)函數(shù)時(shí)，是否有必要特殊處理下上述存在情況呢？
測(cè)試代碼：
復(fù)制代碼 代碼如下:
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,'$$$$')));//注意這里是四個(gè)“$”
頁(yè)面顯示：
復(fù)制代碼 代碼如下:
姓名：{NAME}lt;jesse{NAME}lt;
姓名：$<jesse$<
你還可以自己測(cè)試下：
復(fù)制代碼 代碼如下:
var str = "姓名：{NAME}";
var str2 = "$<jesse$<";
document.write(str.replace(/\{NAME}/g,str2.replace(/\$/g,'$$')));
比較好的做法是：
復(fù)制代碼 代碼如下:
function tplReplace(str,json){
return str.replace(/{(\w+)}/gi,function(a,b){
return b in json ? json[b] : a;
}
}
您可能感興趣的文章:
- JavaScript字符串對(duì)象replace方法實(shí)例（用于字符串替換或正則替換）
- javascript 正則替換 replace(regExp, function)用法
- JavaScript replace(rgExp,fn)正則替換的用法
- javascript replace()正則替換實(shí)現(xiàn)代碼
- js正則函數(shù)match、exec、test、search、replace、split使用介紹集合
- JS利用正則配合replace替換指定字符
- js使用正則實(shí)現(xiàn)ReplaceAll全部替換的方法
- JS使用replace()方法和正則表達(dá)式進(jìn)行字符串的搜索與替換實(shí)例
- js正則表達(dá)式之replace函數(shù)用法
- js字符串替換所有的指定字符或文字(推薦replaceAll方法)
- js使用Replace結(jié)合正則替換重復(fù)出現(xiàn)的字符串功能示例
相關(guān)文章
下面列出了當(dāng)前在 PCRE 中可能使用的修正符。括號(hào)中是這些修正符的內(nèi)部 PCRE 名。修正符中的空格和換行被忽略，其它字符會(huì)導(dǎo)致錯(cuò)誤。2009-08-08
在John Resig 那篇關(guān)于在JavaScript中實(shí)現(xiàn)簡(jiǎn)單繼承的文章中，有這樣一段代碼2009-07-07
正則表達(dá)式非常有用,查找、匹配、處理字符串、替換和轉(zhuǎn)換字符串，輸入輸出等,下面這篇文章主要給大家介紹了關(guān)于正則表達(dá)式替換技巧的相關(guān)資料,需要的朋友可以參考下2022-02-02
這篇文章主要介紹了當(dāng)ES6遇上字符串和正則表達(dá)式的相關(guān)知識(shí)，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-08-08
正則表達(dá)式檢測(cè)用戶輸入的email地址是否合法
在注冊(cè)系統(tǒng)開(kāi)發(fā)中，需要檢測(cè)用戶輸入的email地址是否合法，都可以使用正則表達(dá)式來(lái)檢測(cè)，下面有個(gè)小例子，希望對(duì)大家有所幫助2014-01-01
在開(kāi)發(fā)過(guò)程中，有時(shí)需要對(duì)用戶輸入的類(lèi)型做判斷，最常見(jiàn)是在注冊(cè)頁(yè)面即用戶名和密碼。接下來(lái)通過(guò)本文給大家分享IOS正則表達(dá)式判斷輸入類(lèi)型，一起學(xué)習(xí)吧2017-01-01
javascript利用正則快速找出兩個(gè)字符串的不同字符
2007-12-12
一個(gè)容易犯錯(cuò)的js手機(jī)號(hào)碼驗(yàn)證正則表達(dá)式(推薦)
這篇文章主要介紹了 一個(gè)容易犯錯(cuò)的js手機(jī)號(hào)碼驗(yàn)證正則表達(dá)式(推薦),需要的朋友可以參考下2017-03-03
js正則表達(dá)式之$1$2$3$4$5$6$7$8$9屬性，返回子匹配的結(jié)果
$1-$9存放著正則表達(dá)式中最近的9個(gè)正則表達(dá)式的匹配結(jié)果，這些結(jié)果按照子匹配的出現(xiàn)順序依次排列2012-10-10
正則表達(dá)式高級(jí)學(xué)習(xí)技巧...2007-04-04