|
不用多言，这种技术被广泛应用于表单验证，语法高亮和危险字符过滤中。一段话如果很长，如果不想像下面那样替换，我们得想些办法了。 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.}); |