关于数组合并的一些方法

1.concat方法
var arr1 = [1,2,3,4],arr2 = [5,6,7,8];
    arr1=arr1.concat(arr2);
console.log(arr1)//[1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

Concat 会生成一个全新的数组,表示两个数组的组合,并让原数组不变。但是如果数组过长就很占内存。

2.for 循环的方式
var arr1=[1,2,3,4],arr2=[5,6,7,8]; 
for(var i=0,len=arr2.length;i<len;i++){ 
    arr1.push(arr2[i]) 
} 
console.log(arr1)//[1, 2, 3, 4, 5, 6, 7, 8]

如果是事先知道每个数组的长度的情况下 我们可以选择遍历数组元素比较短的那个,性能会得到优化,但是不知道长度的话就会很心累了-.-

3.reduce方法
var arr1=[1,2,3,4],arr2=[5,6,7,8];
arr1 = arr2.reduce( function(coll,item){
        coll.push( item );
        return coll;
        }, arr1 );
console.log(arr1)//[1, 2, 3, 4, 5, 6, 7, 8]

有没有感觉逼格高了一点,使用ES6的箭头函数还能减少代码量,但是仍然需要一个方法,每个元素都要调用一次。

4.push.apply
var arr1 = [1,2,3,4],arr2 = [5,6,7,8];
    arr1.push.apply(arr1,arr2);
console.log(arr1);//[1,2,3,4,5,6,7,8]

代码少,逼格高,不会产生新数组,理解也容易,原理就是调用arr1.push 这个函数的实例的apply 方法,同时把arr2 当做参数传入,不过这个方法对数组的长度有限制,网上说法是不同的浏览器有不同的限制,一般不超过10万。

推荐使用最后一种方法,不过也不是绝对的,大家觉得那种方式用着舒服就用哪种。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值