在這里我們將討論的是如何實(shí)現(xiàn)Javascript替換字符的方法，這一項(xiàng)功能在實(shí)際開發(fā)過程中其實(shí)很有作用，希望能起到事半功倍的效果。

不用多言，這種技術(shù)被廣泛應(yīng)用于表單驗(yàn)證，語法高亮和危險(xiǎn)字符過濾中。一段話如果很長，如果不想像下面那樣替換，我們得想些辦法了。

str = str.   
replace( /&(?!#?\w+;)/g , '&').      
replace( /"([^"]*)"/g   , '“$1”'   ).     
replace( /</g           , '&lt;'  ).     
replace( />/g           , '&gt;' ).     
replace( /…/g           , '&hellip;' ).    
replace( /“/g           , '&ldquo;'  ).     
replace( /”/g           , '&rdquo;'  ).     
replace( /‘/g           , '&lsquo;'  ).     
replace( /’/g           , '&rsquo;'  ).    
replace( /—/g           , '&mdash;' ).     
replace( /–/g           , '&ndash;'  ); 

上面這個(gè)還算短了，我看過一些論壇的JS代碼，在把Wind Code轉(zhuǎn)換成HTML時(shí)，那真是瘋子似的寫上二三十行。其實(shí)我們大可以把這些匹配模式與替換后的字符放到一個(gè)哈希中，然后一口氣替換掉。

var hash = {      
'<' : '&lt;' ,    
'>' : '&gt;',     
'…' : '&hellip;',     
'“' : '&ldquo;' ,    
'”' : '&rdquo;' ,     
'‘' : '&lsquo;' ,   
'’' : '&rsquo;' ,     
'—' : '&mdash;',     
'–' : '&ndash;' 
};   
str = str.     
replace( /&(?!#?\w+;)/g , '&amp;' ).     
replace( /"([^"]*)"/g   , '“$1”'  ).     
replace( /[<>…“”‘’—–]/g , function ( $0 ) {         
return hash[ $0 ];     
}); 

但這個(gè)缺陷也很明顯，如哈希的鍵必須是簡單的普通字符串，不能是復(fù)雜正則，這就是我們不得不分開的原因。replace在老一點(diǎn)的瀏覽器是不支持function的。為此，我們只好放棄上面***那個(gè)replace方式，Javascript替換字符方統(tǒng)一為普通字符串。

String.prototype.multiReplace = function ( hash ) {    
var str = this, key;      
for ( key in hash ) {       
if ( Object.prototype.hasOwnProperty.call( hash, key ) ) {             
str = str.replace( new RegExp( key, 'g' ), hash[ key ] );         
}      
}      
return str;   
}; 

Object.prototype.hasOwnProperty.call( hash, key )是用來過濾繼承自原型的方法與屬性的。這樣一來，使用就簡單了：

str = str.multiReplace({      
'&(?!#?\\w+;)' :'&',   
'"([^"]*)" : '“$1”',     
'<' : '&lt;' ,     
'>' : '&gt;',     
'…' : '&hellip;',      
'“' : '&ldquo;' ,       
'”' : '&rdquo;' ,      
'‘' : '&lsquo;' ,     
'’' : '&rsquo;' ,      
'—' : '&mdash;',     
'–' : '&ndash;' 
});  

原文標(biāo)題：javascript替換字符

鏈接：http://www.cnblogs.com/rubylouvre/archive/2009/10/12/1581094.html

【編輯推薦】

1. 淺析利用Javascript獲取隨機(jī)顏色
2. JSON是什么？為JavaScript準(zhǔn)備的數(shù)據(jù)格式
3. 十個(gè)最常用的JavaScript自定義函數(shù)
4. 有關(guān)JavaScript事件加載的一些延伸思考
5. JavaScript使用心得匯總：從BOM和DOM談起