javascript替换字符


在这里我们将讨论的是如何实现Javascript替换字符的方法,这一项功能在实际开发过程中其实很有作用,希望能起到事半功倍的效果。

  不用多言,这种技术被广泛应用于表单验证,语法高亮和危险字符过滤中。一段话如果很长,如果不想像下面那样替换,我们得想些办法了。

str = str.   
replace( /&(?!#?\w+;)/g , '&').      
replace( /"([^"]*)"/g   , '“{GetProperty(Content)}”'   ).     
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;'  ); 

  上面这个还算短了,我看过一些论坛的JS代码,在把Wind Code转换成HTML时,那真是疯子似的写上二三十行。其实我们大可以把这些匹配模式与替换后的字符放到一个哈希中,然后一口气替换掉。

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

  但这个缺陷也很明显,如哈希的键必须是简单的普通字符串,不能是复杂正则,这就是我们不得不分开的原因。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+;)' :'&amp;',   
'"([^"]*)" : '“{GetProperty(Content)}”',     
'<' : '&lt;' ,     
'>' : '&gt;',     
'…' : '&hellip;',      
'“' : '&ldquo;' ,       
'”' : '&rdquo;' ,      
'‘' : '&lsquo;' ,     
'’' : '&rsquo;' ,      
'—' : '&mdash;',     
'–' : '&ndash;' 
});  


« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3