vue对象拼接_vuejs 数组合并与对象的合并

============数组合并=============

1、数组合并前

var listdata= [{

"smallclassid": "21",

"smallclassname": "长沙菜"

}, {

"smallclassid": "6",

"smallclassname": "湘菜分类"

}];

var data = [{

smallclassid:0,

smallclassname:'全部'

}];

2、合并动作

var newdata = data.concat(listdata);

3、数组合并后

[{

smallclassid:0,

smallclassname:'全部'

},{

"smallclassid":"21",

"smallclassname":"长沙菜"

},{

"smallclassid":"6",

"smallclassname":"湘菜分类"

}]

1、concat 方法

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

var c=a.concat(b);

console.log(c);// 1,2,3,4,5,6

console.log(a);// 1,2,3 不改变本身

============数组合并=============

============合并对象=============

2、Obj.assign()

//a. 复制一个对象
var obj = { a: 1 ,b:2};

var copyObj = Object.assign({}, obj);

console.log(copyObj); // { a: 1,b:2 }
//b.合并多个对象

var o1 = { a: 1 };

var o2 = { b: 2 };

var o3 = { c: 3 };

var obj = Object.assign(o1, o2, o3);

console.log(obj); // { a: 1, b: 2, c: 3 }

console.log(o1); // { a: 1, b: 2, c: 3 }, 且目标对象自身也会改变

============合并对象=============