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

开发
我们在本文中将讲述的是如何实现Javascript替换字符的方法,希望本文能对大家有所帮助。

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

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

  1. str = str.   
  2. replace( /&(?!#?\w+;)/g , '&').      
  3. replace( /"([^"]*)"/g   , '“$1”'   ).     
  4. replace( /</g           , '&lt;'  ).     
  5. replace( />/g           , '&gt;' ).     
  6. replace( /…/g           , '&hellip;' ).    
  7. replace( /“/g           , '&ldquo;'  ).     
  8. replace( /”/g           , '&rdquo;'  ).     
  9. replace( /‘/g           , '&lsquo;'  ).     
  10. replace( /’/g           , '&rsquo;'  ).    
  11. replace( /—/g           , '&mdash;' ).     
  12. replace( /–/g           , '&ndash;'  ); 

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

  1. var hash = {      
  2. '<' : '&lt;' ,    
  3. '>' : '&gt;',     
  4. '…' : '&hellip;',     
  5. '“' : '&ldquo;' ,    
  6. '”' : '&rdquo;' ,     
  7. '‘' : '&lsquo;' ,   
  8. '’' : '&rsquo;' ,     
  9. '—' : '&mdash;',     
  10. '–' : '&ndash;' 
  11. };   
  12. str = str.     
  13. replace( /&(?!#?\w+;)/g , '&amp;' ).     
  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+;)' :'&amp;',   
  3. '"([^"]*)" : '“$1”',     
  4. '<' : '&lt;' ,     
  5. '>' : '&gt;',     
  6. '…' : '&hellip;',      
  7. '“' : '&ldquo;' ,       
  8. '”' : '&rdquo;' ,      
  9. '‘' : '&lsquo;' ,     
  10. '’' : '&rsquo;' ,      
  11. '—' : '&mdash;',     
  12. '–' : '&ndash;' 
  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谈起
责任编辑:彭凡 来源: 博客园
相关推荐

2020-10-16 18:35:53

JavaScript字符串正则表达式

2021-02-07 22:59:55

JavaScript编程方法链

2009-08-17 16:59:47

C#转义字符双引号

2020-06-23 14:51:13

JavaScript字符字符串

2009-07-15 10:06:54

Swing实现MDI

2010-09-30 15:19:33

2009-09-14 19:21:36

Javascript透

2009-09-17 08:47:00

Linq插入数据

2009-09-28 10:35:45

Silverlight

2009-09-07 09:36:29

C# DisposeDispose方法

2009-07-27 09:29:38

ASP.NET中Jav

2009-09-11 10:44:07

JavaScript实

2010-02-02 18:01:47

C++字符串替换函数

2009-09-13 21:52:16

LINQ字符串

2019-12-25 15:41:50

JavaScript程序员编程语言

2009-12-23 09:04:41

LINQ通用分页

2021-07-27 22:56:00

JavaScript编程开发

2009-11-30 18:26:06

PHP字符串替换

2010-01-26 09:50:30

C++接口

2010-01-18 14:41:52

Visual C++开
点赞
收藏

51CTO技术栈公众号