Ruby's Louvre

每天学习一点点算法

导航

< 2025年2月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1
2 3 4 5 6 7 8

统计

javascript替换字符

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

str = str.
    replace( /&(?!#?\w+;)/g , '&amp;').
    replace( /"([^"]*)"/g   , '“$1”'   ).
    replace( /</g           , '&lt;'  ).
    replace( />/g           , '&gt;' ).
    replace( /…/g           , '&hellip;' ).
    replace( /“/g           , '&ldquo;'  ).
    replace( /”/g           , '&rdquo;'  ).
    replace( /‘/g           , '&lsquo;'  ).
    replace( /’/g           , '&rsquo;'  ).
    replace( /—/g           , '&mdash;' ).
    replace( /–/g           , '&ndash;'  );

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

var hash = {
    '<' : '&lt;' ,
    '>' : '&gt;',
    '…' : '&hellip;',
    '“' : '&ldquo;' ,
    '”' : '&rdquo;' ,
    '‘' : '&lsquo;' ,
    '’' : '&rsquo;' ,
    '—' : '&mdash;',
    '–' : '&ndash;'
};
 
str = str.
    replace( /&(?!#?\w+;)/g , '&amp;' ).
    replace( /"([^"]*)"/g   , '“$1”'  ).
    replace( /[<>…“”‘’—–]/g , function ( $0 ) {
        return hash[ $0 ];
    });

但这个缺陷也很明显,如哈希的键必须是简单的普通字符串,不能是复杂正则,这就是我们不得不分开的原因。replace在老一点的浏览器是不支持function的。为此,我们只好放弃上面最后那个replace方式,替换方统一为普通字符串。

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+;)' :'&amp;',
    '"([^"]*)" : '“$1”',
    '<' : '&lt;' ,
    '>' : '&gt;',
    '' : '&hellip;',
    '' : '&ldquo;' ,
    '' : '&rdquo;' ,
    '' : '&lsquo;' ,
    '' : '&rsquo;' ,
    '' : '&mdash;',
    '' : '&ndash;'
});

如果您觉得此文有帮助,可以打赏点钱给我支付宝1669866773@qq.com ,或扫描二维码

posted on   司徒正美  阅读(6250)  评论(12编辑  收藏  举报

点击右上角即可分享
微信分享提示