JS中常用的四种数组拼接方法

1、方法一：concat

c是新数组，此时内存使用有，c,a,b三个数组。

var a=[1,2,3,4,5];
var b=['lucy','andy','bob'];
var c =a.concat(b)
console.log(c)
输出结果：[ 1, 2, 3, 4, 5, "lucy", "andy", "bob" ]

 

2、方法二：for循环逐个添加

使用for循环往数组a中添加数据，没有新的数组创建，对于内存来说更优。注意到结尾的b=null;拼接完成后将数组b清空。

 

var a=[1,2,3,4,5];
var b=['bob','cily','luck'];
for(var i=0;i<b.length;i++){
    a.push(b[i]); 
}
b=null     //清空b数组
console.log(a) 
结果为：[ 1, 2, 3, 4, 5, "bob", "cily", "luck" ]

3、方法三：apply（推荐使用）

 

var a=[1,2,3,4,5];
var b=['bob','cily','luck'];
a.push.apply(a,b);
console.log(a)
结果为：[ 1, 2, 3, 4, 5, "bob", "cily", "luck" ]

方法四：ES6语法

 

var a=[1,2,3,4,5];
var b=['c','d','e','f'];
a.push(...b);
console.log(a);
输出结果：[ 1, 2, 3, 4, 5, "c", "d", "e", "f" ]