一、使用concat方法 

//用concat方法
//concat()把两个或者多个数组链接在一起,但是不改变已经存在的数组
//而是返回一个链接之后的新数组
var a = [1, 2, 3];
a.concat([4, 5]);
console.log(a);
//此处输出为 [1, 2, 3]
 
var a = [1, 2, 3];
a = a.concat([4, 5]);
console.log(a);//此处输出为 [1, 2, 3 ,4 ,5]

二、使用push方法

var arr1 = [1,2,3];
var arr2 = [4,5];
//或者 改变原数组
arr1.push(arr2)

 三、重新定义数组

var arr1 = [1,2,3];
var arr2 = [4,5];
var arr3 = [...arr1, ...arr2]; //此处输出为 [0, 1, 2, 3 ,4 ,5]

 四、实现:只需要两步:

1.我们要把arr2 变成一个适合splice的数组(包含splice前2个参数的数组) :在arr2前面插入2个元素:splice前2个参数(开始位置,删除几个元素)

 2.把新得到的arr2整个数组做为参数传给arr1。 

var arr1 = ['a', 'b', 'c']; 
var arr2 = ['1', '2', '3']; 
// 把arr2 变成一个适合splice的数组(包含splice前2个参数的数组)
arr2.unshift(2, 0); 
Array.prototype.splice.apply(arr1, arr2); 
console.log(arr1); 
//["a", "b", "1", "2", "3", "c"]

上面的代码相当于 

var arr1 = ['a', 'b', 'c']; 
var arr2 = ['1', '2', '3']; 
arr1.splice(2,0,'1','2','3')
console.log(arr1)
//["a", "b", "1", "2", "3", "c"]

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐