简单格式数据转化的坑

通常情况下,从后端传来的数据是简单格式的。我们常常要把数据转化为带有嵌套关系的数据,才方便前端渲染,数据转化中有不少坑要注意。
首先json格式的数据本质上是对象,键值对是对象的写法,例如这样{{},{},{}}。所以,我们要在使用变量前要声明该变量是对象var test1 = new Object();
其次要注意传进来的的数据是否是json格式的?索引格式和json格式在火狐上表现相似,在循环中也可以找到,但在不同的循环中索引值是不一样的,容易出错,需要将格式转化。

var test2 = JSON.parse(JSON.stringify(test1);

ps:在vue模板中使用时,不可提前在data中定义test2数据,否则格式并不会转换。
最后用for的方法遍历对象,嵌套if来判断进行分层,并且改变。

for(var i=0; i<vmain.menu.length; i++){
//这是数据分层
if(vmain.menu[i].level == 1){
							//添加一个child的键
							test1["child"] = {};
							vmain.c1menu[a]= b;
						}else if(vmain.menu[i].level == 2){
							vmain.c2menu[a]= b;
						}
					};
					//这是数据拼装
					for(var i=0; i<vmain.menu.length; i++){
						if(vmain.menu[i].level == 1){
							continue;
						}else if(vmain.menu[i].level == 2){
							//这是将第二层的数据插入第一层的child中,拼装的复杂数据
							vmain.c1menu[vmain.c2menu[vmain.menu[i].id].pid].child[vmain.menu[i].id]=vmain.c2menu[vmain.menu[i].id]
						}
					};

这就是简单数据的转化。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值