vue+js 数组，对象合并操作方法

onlylele

于 2019-12-04 18:46:27 发布

阅读量2.1k

点赞数

分类专栏： JS/JQ

本文链接：https://blog.csdn.net/onlylele/article/details/103392032

版权

本文介绍了Vue和JavaScript中实现数组和对象合并的多种方法，包括普通数组的合并、利用apply方法、ES6的扩展运算符以及数组对象和对象的合并操作。详细阐述了每种方法的使用场景和步骤。

摘要由CSDN通过智能技术生成

1.普通数组合并：

//1.concat 方法
var a=[1,2,3],b=[4,5,6];
var c=a.concat(b);//向a数组添加b；
console.log(c);// 1,2,3,4,5,6
console.log(a);// 1,2,3  不改变本身


//2.for 循环push方法
var a=[0,1];
var b=[2,3,4]; 
for(var i=0;i<b.length;i++){
      a.push(b[i]) 
}
 
console.log(a);//[0,1,2,3,4]

2.使用apply方法合并数组：函数的apply方法有一个特性，那就是func.apply(obj,argv)，argv是一个数组。

// ES5 的写法
var a = [0, 1, 2];
var b = [3, 4, 5];
Array.prototype.push.apply(a, b);

或者

a.push.apply(a,b)

//console.log(a);//[0,1,2,3,4,5]

3.ES6--扩展方法拼接数组：

// ES6 的写法 
var a = [0, 1, 2];
var b = [3, 4, 5];
a.push(...b); 
console.log(a)//[0,1,2,3,4,5]

// ES6 的写法
var a = [0, 1, 2];
var b = [3, 4, 5];
var c=[...a, ...b]
console.log(c)//[0,1,2,3,4,5]

//