在这里我们将讨论的是如何实现Javascript替换字符的方法,这一项功能在实际开发过程中其实很有作用,希望能起到事半功倍的效果。
不用多言,这种技术被广泛应用于表单验证,语法高亮和危险字符过滤中。一段话如果很长,如果不想像下面那样替换,我们得想些办法了。
- str = str.
- replace( /&(?!#?\w+;)/g , '&').
- replace( /"([^"]*)"/g , '“$1”' ).
- replace( /</g , '<' ).
- 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.cnblogs.com/rubylouvre/archive/2009/10/12/1581094.html
【编辑推荐】