js使用数组作为参数，直接调用push与apply方法调用push的区别

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 的详细性能对比