js数组合并concat()和Array.prototype.push.apply()的性能分析
2016-05-17 09:54
666 查看
js数组合并有两个常用方法,用法如下:
var a=[1,2,3],b=[4,5,6];
1.a.concat(b);//得到1,2,3,4,5,6;
1.1那个数组在前面合并后那个数组的元素就在前面
1.2 可以利用这个来复制一份数组,a.concat(a);
1.3 数组长度无限制,返回值是合并后的数组
1.4 千万级别的数组合并大约30毫秒
2.Array.prototype.push.apply(a,b) or a.push.apply(a,b);
2.1.Array.prototype.push.apply(a,b) ;//a,b两个数组都变成合并后的数组
2.2 数组长度有限制,不同浏览器不同,一般不能超过十万
2.3返回值是合并后数组的长度
2.4 在一万数据左右性能和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();
var a=[1,2,3],b=[4,5,6];
1.a.concat(b);//得到1,2,3,4,5,6;
1.1那个数组在前面合并后那个数组的元素就在前面
1.2 可以利用这个来复制一份数组,a.concat(a);
1.3 数组长度无限制,返回值是合并后的数组
1.4 千万级别的数组合并大约30毫秒
2.Array.prototype.push.apply(a,b) or a.push.apply(a,b);
2.1.Array.prototype.push.apply(a,b) ;//a,b两个数组都变成合并后的数组
2.2 数组长度有限制,不同浏览器不同,一般不能超过十万
2.3返回值是合并后数组的长度
2.4 在一万数据左右性能和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();
相关文章推荐
- UGUI -(unity3d 5)判断是否点击在UI 上 Bug,IsPointerOverGameObject()在移动输入模式检测失败
- zTouch-移动端触屏开发利器(zepto touch扩展)
- CoreData初次使用
- Android中attr自定义属性详解
- appcode 3.2 zhucema
- android 广播
- android加固签名工具(源码下载)
- 【转载】APP留存率多少才合格——全面解析留存率
- android普通菜单和上下文菜单
- Android 自定义xmlns
- iOS 应用性能测试的相关方法、工具及技巧
- Android Touch事件分发机制
- NSURLSession 初探
- android IPC通信机制梳理
- iOS应用内跳转
- 墙裂推荐 iOS 资源大全
- iOS 理解KVO与KVC
- js 判断访问端是否是手机移动端和什么浏览器
- Unity UGUI —— 鼠标穿透UI问题(Unity官方的解决方法)
- 逆向分析 Android 程序- 内存内存