淺析如何實現Javascript替換字符的方法
作者：司徒正美
我們在本文中將講述的是如何實現Javascript替換字符的方法，希望本文能對大家有所幫助。
在這里我們將討論的是如何實現Javascript替換字符的方法，這一項功能在實際開發過程中其實很有作用，希望能起到事半功倍的效果。
不用多言，這種技術被廣泛應用于表單驗證，語法高亮和危險字符過濾中。一段話如果很長，如果不想像下面那樣替換，我們得想些辦法了。
- str = str.
- replace( /&(?!#?\w+;)/g , '&').
- replace( /"([^"]*)"/g , '“$1”' ).
- replace( /</g , '<' ).
- replace( />/g , '>' ).
- replace( /…/g , '…' ).
- replace( /“/g , '“' ).
- replace( /”/g , '”' ).
- replace( /‘/g , '‘' ).
- replace( /’/g , '’' ).
- replace( /—/g , '—' ).
- replace( /–/g , '–' );
上面這個還算短了，我看過一些論壇的JS代碼，在把Wind Code轉換成HTML時，那真是瘋子似的寫上二三十行。其實我們大可以把這些匹配模式與替換后的字符放到一個哈希中，然后一口氣替換掉。
- var hash = {
- '<' : '<' ,
- '>' : '>',
- '…' : '…',
- '“' : '“' ,
- '”' : '”' ,
- '‘' : '‘' ,
- '’' : '’' ,
- '—' : '—',
- '–' : '–'
- };
- str = str.
- replace( /&(?!#?\w+;)/g , '&' ).
- replace( /"([^"]*)"/g , '“$1”' ).
- replace( /[<>…“”‘’—–]/g , function ( $0 ) {
- return hash[ $0 ];
- });
但這個缺陷也很明顯，如哈希的鍵必須是簡單的普通字符串，不能是復雜正則，這就是我們不得不分開的原因。replace在老一點的瀏覽器是不支持function的。為此，我們只好放棄上面***那個replace方式，Javascript替換字符方統一為普通字符串。
- 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”',
- '<' : '<' ,
- '>' : '>',
- '…' : '…',
- '“' : '“' ,
- '”' : '”' ,
- '‘' : '‘' ,
- '’' : '’' ,
- '—' : '—',
- '–' : '–'
- });
原文標題：javascript替換字符
鏈接：http://www.cnblogs.com/rubylouvre/archive/2009/10/12/1581094.html
【編輯推薦】
責任編輯：彭凡
來源：
博客園
