热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

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

数组合并1、数组合并前varlistdata[{smallclassid:21,smallclassname:长沙菜},{smallclassid:6,s

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

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 }, 且目标对象自身也会改变

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



推荐阅读
author-avatar
Vicky家琦_745
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有