浅析如何实现Javascript替换字符的方法

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

成都创新互联公司是一家专注于网站设计制作、成都网站制作与策划设计,河源网站建设哪家好?成都创新互联公司做网站,专注于网站建设十载,网设计领域的专业建站公司;建站业务涵盖:河源等地区。河源做网站价格咨询:028-86922220

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

 
 
 

  
  
  
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           , '–'  ); 
 
 
 

上面这个还算短了，我看过一些论坛的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.shufengxianlan.com/qtweb/news47/291947.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联