浅析如何实现Javascript替换字符的方法
创始人
2024-06-08 13:50:27
0

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

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

  1. str = str.   
  2. replace( /&(?!#?\w+;)/g , '&').      
  3. replace( /"([^"]*)"/g   , '“$1”'   ).     
  4. replace( /replace( />/g           , '>' ).     
  5. replace( /…/g           , '…' ).    
  6. replace( /“/g           , '“'  ).     
  7. replace( /”/g           , '”'  ).     
  8. replace( /‘/g           , '‘'  ).     
  9. replace( /’/g           , '’'  ).    
  10. replace( /—/g           , '—' ).     
  11. replace( /–/g           , '–'  ); 

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

  1. var hash = {      
  2. '<' : '<' ,    
  3. '>' : '>',     
  4. '…' : '…',     
  5. '“' : '“' ,    
  6. '”' : '”' ,     
  7. '‘' : '‘' ,   
  8. '’' : '’' ,     
  9. '—' : '—',     
  10. '–' : '–' 
  11. };   
  12. str = str.     
  13. replace( /&(?!#?\w+;)/g , '&' ).     
  14. replace( /"([^"]*)"/g   , '“$1”'  ).     
  15. replace( /[<>…“”‘’—–]/g , function ( $0 ) {         
  16. return hash[ $0 ];     
  17. }); 

但这个缺陷也很明显,如哈希的键必须是简单的普通字符串,不能是复杂正则,这就是我们不得不分开的原因。replace在老一点的浏览器是不支持function的。为此,我们只好放弃上面***那个replace方式,Javascript替换字符方统一为普通字符串。

  1. String.prototype.multiReplace = function ( hash ) {    
  2. var str = this, key;      
  3. for ( key in hash ) {       
  4. if ( Object.prototype.hasOwnProperty.call( hash, key ) ) {             
  5. str = str.replace( new RegExp( key, 'g' ), hash[ key ] );         
  6. }      
  7. }      
  8. return str;   
  9. }; 

Object.prototype.hasOwnProperty.call( hash, key )是用来过滤继承自原型的方法与属性的。这样一来,使用就简单了:

  1. str = str.multiReplace({      
  2. '&(?!#?\\w+;)' :'&',   
  3. '"([^"]*)" : '“$1”',     
  4. '<' : '<' ,     
  5. '>' : '>',     
  6. '…' : '…',      
  7. '“' : '“' ,       
  8. '”' : '”' ,      
  9. '‘' : '‘' ,     
  10. '’' : '’' ,      
  11. '—' : '—',     
  12. '–' : '–' 
  13. });  

原文标题:javascript替换字符

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

【编辑推荐】

  1. 浅析利用Javascript获取随机颜色
  2. JSON是什么?为JavaScript准备的数据格式
  3. 十个最常用的JavaScript自定义函数
  4. 有关JavaScript事件加载的一些延伸思考
  5. JavaScript使用心得汇总:从BOM和DOM谈起

相关内容

热门资讯

如何允许远程连接到MySQL数... [[277004]]【51CTO.com快译】默认情况下,MySQL服务器仅侦听来自localhos...
如何利用交换机和端口设置来管理... 在网络管理中,总是有些人让管理员头疼。下面我们就将介绍一下一个网管员利用交换机以及端口设置等来进行D...
施耐德电气数据中心整体解决方案... 近日,全球能效管理专家施耐德电气正式启动大型体验活动“能效中国行——2012卡车巡展”,作为该活动的...
20个非常棒的扁平设计免费资源 Apple设备的平面图标PSD免费平板UI 平板UI套件24平图标Freen平板UI套件PSD径向平...
德国电信门户网站可实时显示全球... 德国电信周三推出一个门户网站,直观地实时提供其安装在全球各地的传感器网络检测到的网络攻击状况。该网站...
为啥国人偏爱 Mybatis,... 关于 SQL 和 ORM 的争论,永远都不会终止,我也一直在思考这个问题。昨天又跟群里的小伙伴进行...
《非诚勿扰》红人闫凤娇被曝厕所... 【51CTO.com 综合消息360安全专家提醒说,“闫凤娇”、“非诚勿扰”已经被黑客盯上成为了“木...
2012年第四季度互联网状况报... [[71653]]  北京时间4月25日消息,据国外媒体报道,全球知名的云平台公司Akamai Te...