js使用数组作为参数,直接调用push与apply方法调用push的区别
来源:互联网 发布:js 事件 event.button 编辑:程序博客网 时间:2024/05/21 22:53
1、
<script type="text/javascript">var array1 = [12 , "foo" , {name:"Joe"} , -2458]; var array2 = ["Doe" , 555 , 100]; array1.push(array2);//Array.prototype.push.apply(array1, array2); console.log(array1);</script>结果为:
2、
<script type="text/javascript">var array1 = [12 , "foo" , {name:"Joe"} , -2458]; var array2 = ["Doe" , 555 , 100]; //array1.push(array2);Array.prototype.push.apply(array1, array2); console.log(array1);</script>结果为:
一、分析:官方定义:
push()函数用于向当前数组的添加一个或多个元素,并返回新的数组长度。新的元素将会依次添加到数组的末尾。
该函数属于Array对象,所有主流浏览器均支持该函数。
语法
array.push( item1 [,items... ] )
参数
参数 描述
item1 任意类型添加到当前数组末尾处的元素。
items 可选参数/任意类型要添加到当前数组末尾处的其他项,可以有多个。
注意:如果添加的元素类型为数组类型(Array),仍然会被当作一个元素看待,只是这个元素是数组类型而已。如果要合并两个数组,请使用concat()函数。
返回值
push()函数的返回值为
返回添加元素后的数组长度。
当向数组中添加新的元素时,数组的length属性也会随之改变。一般而言,数组的length属性将会加N(N为添加的元素个数)。
二、测试
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毫秒
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 concat=new testClass();concat.resetArray();concat.concatTest();//先测试concat,因为楼主先测试了一下push.apply,超过最大限制,报错导致不能允许concat的结果var apply=new testClass();apply.resetArray();apply.applyTest();
测试环境:
控制台结果:
第21行此处调用栈超限
总结:测试结果可知,还是用concat会划算一点,看返回值也可以知道,apply方法改变两个数组,性能自然会慢,而且有局限性,在这里再扯多一句,很多人不知道什么时候用
json什么时候用数组,如果频繁添加删除的尽量用json,因为这是数组的短处,如果频繁取数据的用数组。
https://jsperf.com/array-prototype-push-apply-vs-concat/17
这篇文章有使用slice\push.apply\concat 的详细性能对比
- js使用数组作为参数,直接调用push与apply方法调用push的区别
- js 空数组直接赋值与push
- JS数组追加数组采用push.apply的坑
- js中数组方法push()、shift()与pop()、unshift()的区别
- Javascript数组---push(),concat()方法的区别
- js 的push 方法
- js的push方法
- dwr调用参数为 对象数组 的方法(js中直接传递obj数组)
- 二维数组作为参数的函数定义及调用方法
- js 数组的push()问题
- 二维数组作为函数参数的调用
- js数组合并concat()和Array.prototype.push.apply()的性能分析
- js数组合并concat()和Array.prototype.push.apply()的性能分析
- js数组合并concat()和Array.prototype.push.apply()的性能分析
- Js数组的方法pop,push,unshift,splice,shift
- Js数组的操作push,pop,shift,unshift等方法
- 微信小程序之数组操作:push与concat的区别
- js中push使用 (数组)
- 特殊矩阵的压缩存储
- 列表
- 语法基础——C++语法基础
- 智动远程运维平台
- uCOS-II系统中的任务调度
- js使用数组作为参数,直接调用push与apply方法调用push的区别
- 语言小知识-python-numpy类型与list区别
- java 多线程初入2
- Angular-cli项目搭建
- 编写一个函数,判断两个字符串是否是是相互打乱的,也就是说它们有着相同的字符,但是对应不同的顺序。
- 6.比较两字符串是否相等
- cvc-complex-type.2.4.a: Invalid content was found starting with element 'url-pattern'
- mxnet 之 目标检测数据集制作+SSD 模型训练
- 化学汇报演出有感