手机浏览 RSS 2.0 订阅 膘叔的简单人生 , 腾讯云RDS购买 | 超便宜的Vultr , 注册 | 登陆

javascript替换字符

首页 > Javascript >

来自司徒正美,比较方便的关键符号替换。

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

他先给了个简单的例子:

JavaScript代码
  1. var hash = {  
  2.     '<' : '&lt;' ,
        '>' : '&gt;',
        '…' : '&hellip;',
        '“' : '&ldquo;' ,
        '”' : '&rdquo;' ,
        '‘' : '&lsquo;' ,
        '’' : '&rsquo;' ,
        '—' : '&mdash;',
        '–' : '&ndash;'
  3. };  
  4.    
  5. str = str.  
  6.     replace( /&(?!#?\w+;)/g , '&amp;' ).  
  7.     replace( /"([^"]*)"/g   , '“$1”'  ).  
  8.     replace( /[<>…“”‘’—–]/g , function ( $0 ) {  
  9.         return hash[ $0 ];  
  10.     });  

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

于是,他扩展的String的基类,添加了一个方法:

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. };  

并给出了实现代码:

JavaScript代码
  1. str = str.multiReplace({  
  2.     '&(?!#?\\w+;)' :'&amp;',
        '"([^"]*)" : '“$1”',
        '<' : '&lt;' ,
        '>' : '&gt;',
        '…' : '&hellip;',
        '“' : '&ldquo;' ,
        '”' : '&rdquo;' ,
        '‘' : '&lsquo;' ,
        '’' : '&rsquo;' ,
        '—' : '&mdash;',
        '–' : '&ndash;'

  3. });  

Look,多简单啊。如果觉得我这里的表示更简单的话,请看原文http://www.cnblogs.com/rubylouvre/archive/2009/10/12/1581094.html




本站采用创作共享版权协议, 要求署名、非商业和保持一致. 本站欢迎任何非商业应用的转载, 但须注明出自"易栈网-膘叔", 保留原始链接, 此外还必须标注原文标题和链接.

« 上一篇 | 下一篇 »

1条记录访客评论

有些字符不见了。。。

Post by gouki on 2009, October 14, 6:58 PM 引用此文发表评论 #1


发表评论

评论内容 (必填):