String.prototype.split在IE6~8下的BUG

  项目中处理字符串的时候不小心中招的,被这个BUG阴了两次,两次时间相隔1年多,所以打算写个文章做个笔记加强一下记忆,希望还未知道这个BUG的同学免受其害,知道的同学也就当加强一下记忆吧。

  String.prototype.split方法的参数支持字符串也支持正则,而在IE6~8(可能更低的IE版本也会有错误,这我就不去测试了)用split切出的数组和遵循W3C标准的浏览器所得到的结果是不一样的,来看看例子:

  1.根据字符串切割:

var str = " a b c "
alert( '('+ str +').split(" ")  ==>  ' + str.split(" "));

    所有浏览器都得到正确的结果:

      

  2.根据正则切割:

var str = " a b c "
alert( '('+ str +').split(/\\s+/)  ==>  ' + str.split(/\s+/));

 

    WC3标准浏览器得到的结果:

      

 

    IE6~8得到的结果:

      

 

  可以看到在IE6~8浏览器中得到的数组的长度为3,而正确的结果应该为5。这个问题我GOOGLE了也没有人指出相应的问题,我也想不出个所以然,所以只能根据我们自己的需求来coding避免对我们的功能有影响(如果你的项目还需要考虑IE9-的话)。

  记得第一次自己的需求是得到背景颜色的rgb值,对一个形如"rgb(0, 0, 0)"的字符串进行切割得到[0, 0, 0]这样的数组。如果用split,一个兼容的方法应该是:

var rgb2Array = function () {
    var test = (" a b c ").split(/\s/),
    isWrong = test.length === 3;
    
    return isWrong ? function (str) {
        return str.split(/\D+/);
    } : function (str) {
        var ret = str.split(/\D+/);
        ret.shift();
        ret.pop();
        return ret;
    };
}();

转载于:https://www.cnblogs.com/tilfon/archive/2012/11/11/2765189.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值