建站
咨詢
售后
建站咨詢
新聞中心
在這里我們將討論的是如何實(shí)現(xiàn)Javascript替換字符的方法，這一項(xiàng)功能在實(shí)際開發(fā)過程中其實(shí)很有作用，希望能起到事半功倍的效果。
成都創(chuàng)新互聯(lián)公司是一家專注于網(wǎng)站設(shè)計(jì)制作、成都網(wǎng)站制作與策劃設(shè)計(jì),河源網(wǎng)站建設(shè)哪家好?成都創(chuàng)新互聯(lián)公司做網(wǎng)站,專注于網(wǎng)站建設(shè)十載,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:河源等地區(qū)。河源做網(wǎng)站價(jià)格咨詢:028-86922220
不用多言，這種技術(shù)被廣泛應(yīng)用于表單驗(yàn)證，語法高亮和危險(xiǎn)字符過濾中。一段話如果很長，如果不想像下面那樣替換，我們得想些辦法了。
- str = str.
- replace( /&(?!#?\w+;)/g , '&').
- replace( /"([^"]*)"/g , '“$1”' ).
- replace( /
- replace( />/g , '>' ).
- replace( /…/g , '…' ).
- replace( /“/g , '“' ).
- replace( /”/g , '”' ).
- replace( /‘/g , '‘' ).
- replace( /’/g , '’' ).
- replace( /—/g , '—' ).
- replace( /–/g , '–' );
上面這個(gè)還算短了，我看過一些論壇的JS代碼，在把Wind Code轉(zhuǎn)換成HTML時(shí)，那真是瘋子似的寫上二三十行。其實(shí)我們大可以把這些匹配模式與替換后的字符放到一個(gè)哈希中，然后一口氣替換掉。
- var hash = {
- '<' : '<' ,
- '>' : '>',
- '…' : '…',
- '“' : '“' ,
- '”' : '”' ,
- '‘' : '‘' ,
- '’' : '’' ,
- '—' : '—',
- '–' : '–'
- };
- str = str.
- replace( /&(?!#?\w+;)/g , '&' ).
- 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”',
- '<' : '<' ,
- '>' : '>',
- '…' : '…',
- '“' : '“' ,
- '”' : '”' ,
- '‘' : '‘' ,
- '’' : '’' ,
- '—' : '—',
- '–' : '–'
- });
網(wǎng)頁名稱：淺析如何實(shí)現(xiàn)Javascript替換字符的方法
分享路徑：http://fisionsoft.com.cn/article/dhopejc.html
