乐趣区

关于javascript:JS合并两个数组的方法

咱们在我的项目过程中,有时候会遇到须要将两个数组合并成为一个的状况。比方:

var a = [1,2,3];
var b = [4,5,6];

有两个数组 a、b,需要是将两个数组合并成一个。办法如下:
1、concat
js 的 Array 对象提供了一个叫 concat() 办法,连贯两个或更多的数组,并返回后果。

var c = a.concat(b);//c=[1,2,3,4,5,6];

这里有一个问题,concat 办法连贯 a、b 两个数组后,a、b 两个数组的数据不变,同时会返回一个新的数组。这样当咱们须要进行屡次的数组合并时,会造成很大的内存节约,所以这个办法必定不是最好的。

2、for 循环

大略的思路是:遍历其中一个数组,把该数组中的所有元素顺次增加到另外一个数组中。间接上代码:

for(var i in b){

a.push(b[i]);

}
这样的写法能够解决第一种计划中对内存的节约,然而会有另一个问题:丑!这么说不是没有情理,如果能只用一行代码就搞定,岂不快哉~
3、apply
函数的 apply 办法有一个个性,那就是 func.apply(obj,argv),argv 是一个数组。所以咱们能够利用这点,间接上代码:

a.push.apply(a,b);

调用 a.push 这个函数实例的 apply 办法,同时把,b 当作参数传入,这样 a.push 这个办法就会遍历 b 数组的所有元素,达到合并的成果。

这里可能有点绕,咱们能够把 b 看成 [4,5,6],变成这样:

a.push.apply(a,[4,5,6]);

而后下面的操作就等同于:

a.push(4,5,6);

这样就很分明了!

另外,还要留神两个小问题:

1)以上 3 种合并办法并没有思考过 a、b 两个数组谁的长度更小。

所以好的做法是预先判断 a、b 两个数组哪个更大,而后应用大数组合并小数组,这样就缩小了数组元素操作的次数!

2)有时候咱们不心愿原数组(a、b)扭转,这时就只能应用 concat 了。

退出移动版