国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > Regex > 正文

js replace正則相關(guān)的詭異問題

2020-03-16 21:15:20
字體:
供稿:網(wǎng)友
最近做會(huì)員個(gè)人身份頁的時(shí)候遇上如下問題
 
 
js replace正則相關(guā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á)式,而$ 又恰好是正則向后匹配的特殊字符,很容易想到是正則引起的問題。而據(jù)我所知正則向后引用只有$1 、$2 、$3 、$4…… ,而這里只有一個(gè)”$” 沒有數(shù)字。 

昵稱“jesse$< ”在后臺(tái)經(jīng)html 特殊字符處理,傳到前端是:“jesse$< ”,看頁面結(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 即使不用正則,“$&” 也表示向后全匹配!!! 
無語! 

查找資料、測(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è)“$” 

頁面顯示: 
復(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; 


發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 台中县| 东城区| 密云县| 新龙县| 黑水县| 芒康县| 巢湖市| 阜阳市| 竹北市| 马公市| 潮州市| 浦东新区| 威远县| 黑河市| 许昌县| 西丰县| 东辽县| 平塘县| 罗城| 玉屏| 崇礼县| 本溪市| 阜阳市| 上虞市| 陕西省| 东阿县| 黔江区| 淄博市| 和静县| 灵川县| 沈阳市| 奎屯市| 浦城县| 措美县| 钦州市| 三台县| 肥城市| 龙泉市| 宁国市| 乌海市| 通山县|