js数组合并concat()和Array.prototype.push.apply()的性能分析

js数组合并有两个常用方法,用法如下:

  1. a.concat(b);
var a=[1,2,3],b=[4,5,6]; //[1,2,3,4,5,6]
  • 那个数组在前面合并后那个数组的元素就在前面
  • 可以利用这个来复制一份数组,a.concat(a);
  • 数组长度无限制,返回值是合并后的数组
  • 千万级别的数组合并大约30毫秒

2.Array.prototype.push.apply(a,b) or a.push.apply(a,b);

  • Array.prototype.push.apply(a,b) ;//a,b两个数组都变成合并后的数组
  • 数组长度有限制,不同浏览器不同,一般不能超过十万
  • 返回值是合并后数组的长度
  • 在一万数据左右性能和concat差不多,大约2毫秒

总结:测试结果可知,还是用concat会划算一点,看返回值也可以知道,apply方法改变两个数组,性能自然会慢,而且有局限性,在这里再扯多一句,很多人不知道什么时候用
json什么时候用数组,如果频繁添加删除的尽量用json,因为这是数组的短处,如果频繁取数据的用数组。时间有限,下次会专门来扯一扯这个话题。
共享一下测试concat()和Array.prototype.push.apply(a,b) 的代码,有需要的拿走玩玩

function testClass(){
    var testArray1=[];
    var testArray2=[];
    this.resetArray=function(){
        for(var i=0; i<10000000;i++){
            testArray1.push(i);
            testArray2.push(i+10000000);
        }
    }
    this.applyTest=function(){
        var startTime=0,
            endTime=0;
        console.log('开始合并的时间是:'+ (startTime=new Date().getTime()));
        var aa=Array.prototype.push.apply(testArray1,testArray2);
        console.log(aa);
        console.log('合并完成的时间是:'+ (endTime=new Date().getTime()));
        console.log('合并数组所用的时间是:'+(endTime-startTime));
    }
    this.concatTest=function(){
         var startTime=0,
            endTime=0;
        console.log('开始合并的时间是:'+ (startTime=new Date().getTime()));
        var aa= testArray1.concat(testArray2);
        console.log(aa.length);
        console.log('合并完成的时间是:'+ (endTime=new Date().getTime()));
        console.log('合并数组所用的时间是:'+(endTime-startTime));
    }
}


var apply=new testClass();
apply.resetArray();
apply.applyTest();


var concat=new testClass();
concat.resetArray();
concat.concatTest();
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值