位置:海鸟网 > IT > JavaScript >

javascript替换字符

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

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