不用多言,这种技术被广泛应用于表单验证,语法高亮和危险字符过滤中。一段话如果很长,如果不想像下面那样替换,我们得想些办法了。
01.str = str.
02. replace( /&(?!#?\w+;)/g , '&').
03. replace( /"([^"]*)"/g , '“$1”' ).
04. replace( /</g , '<' ).
05. replace( />/g , '>' ).
06. replace( /…/g , '…' ).
07. replace( /“/g , '“' ).
08. replace( /”/g , '”' ).
09. replace( /‘/g , '‘' ).
10. replace( /’/g , '’' ).
11. replace( /—/g , '—' ).
12. replace( /–/g , '–' );
上面这个还算短了,我看过一些论坛的JS代码,在把Wind Code转换成HTML时,那真是疯子似的写上二三十行。其实我们大可以把这些匹配模式与替换后的字符放到一个哈希中,然后一口气替换掉。
01.var hash = {
02. '<' : '<' ,
03. '>' : '>',
04. '…' : '…',
05. '“' : '“' ,
06. '”' : '”' ,
07. '‘' : '‘' ,
08. '’' : '’' ,
09. '—' : '—',
10. '–' : '–'
11.};
12.
13.str = str.
14. replace( /&(?!#?\w+;)/g , '&' ).
15. replace( /"([^"]*)"/g , '“$1”' ).
16. replace( /[<>…“”‘’—–]/g , function ( $0 ) {
17. return hash[ $0 ];
18. });
但这个缺陷也很明显,如哈希的键必须是简单的普通字符串,不能是复杂正则,这就是我们不得不分开的原因。replace在老一点的浏览器是不支持function的。为此,我们只好放弃上面最后那个replace方式,替换方统一为普通字符串。
01.String.prototype.multiReplace = function ( hash ) {
02. var str = this, key;
03. for ( key in hash ) {
04. if ( Object.prototype.hasOwnProperty.call( hash, key ) ) {
05. str = str.replace( new RegExp( key, 'g' ), hash[ key ] );
06. }
07. }
08. return str;
09.};
Object.prototype.hasOwnProperty.call( hash, key )是用来过滤继承自原型的方法与属性的。这样一来,使用就简单了:
01.str = str.multiReplace({
02. '&(?!#?\\w+;)' :'&',
03. '"([^"]*)" : '“$1”',
04. '<' : '<' ,
05. '>' : '>',
06. '…' : '…',
07. '“' : '“' ,
08. '”' : '”' ,
09. '‘' : '‘' ,
10. '’' : '’' ,
11. '—' : '—',
12. '–' : '–'
13.});