Vue数组对象合并知识

Vue数组对象合并知识

参考官方文档： https://cn.vuejs.org/v2/guide/components.html

vuejs 数组-合并两个数组

以下是简单的demo:

var listdata= [{
 "smallclassid": "21",
 "smallclassname": "长沙菜"
 }, {
 "smallclassid": "6",
 "smallclassname": "湘菜分类"
 }];

var data = [{
 smallclassid:0,
 smallclassname:'全部'
 }]; 

 var newdata = data.concat(listdata);

concat合拼之后

[{
 smallclassid:0,
 smallclassname:'全部'
},{
"smallclassid":"21",
"smallclassname":"长沙菜"
},{
"smallclassid":"6",
"smallclassname":"湘菜分类"
}]

合并两个数组并去除相同项

最近有个功能是需要把后台获取到的数组与前台操作生成的数组合并去重，并传给后台。

打算记一下，比较简单，当数据较少的情况下适用：

//声明两个数组
let arr1 = [1,2,3,4,5,'b'];
let arr2 = ['a',1,'b',5,4];

//先将两个数组合并成一个数组
//使用concat
let cArr = arr2.concat(arr1);

//使用for循环
for(let i = 0; i < arr1.length; i++){
   arr2.push(arr1[i]);
}

//然后通过合并后的数组调用Array.from(new Set(参数为数组));
let arr = Array.from(new Set(arr2));
console.log(arr);