vuejs 数组合并与对象的合并

时间:2020-06-30 15:50:59   收藏:0   阅读:1030

============数组合并=============
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. 复制一个对象<br>var obj = { a: 1 ,b:2};
var copyObj = Object.assign({}, obj);
console.log(copyObj); // { a: 1,b:2 }<br><br>//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 }, 且目标对象自身也会改变
============合并对象=============

 

 

 

 

原文:https://www.cnblogs.com/linchaoy/p/13213628.html

评论(0
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!