vue push html,html5 - Vue 2.0 javaScript 数组循环push json 对象问题
我需要将一个大数组 以里面的json其中一个值去分成两个数组。 我用push 出现了引用问题, 导致数据不准。请问需要怎么解决,我用的 vue2.0
以下是数组, 用各json里面的type 分为两类。 type = 1 为 needArr ,type = 2 为serverArr 。
"NEED_ITEM": [
{
"IS_VISIT": "0",
"ITEM_ID": "1",
"ITEM_NAME": "机油",
"INTRO": "推荐5000公里修理一次\/6个月",
"PRICE": "100",
"ITEM_STATUS": "1",
"ITEM_TYPE": "1",
"ITEMS": [
{
"ITEM_ID": "23",
"ITEM_NAME": "嘉实多(极护)0W-40全合成机油 7L ",
"PRICE": "602",
"IMG_URL": "http:\/\/www.52cdd.com\/Butler\/data\/attachment\/image\/20160823\/1010aecf50b12c9827c5a00d7132eae8.jpg",
"IS_VOUCH": "1"
},
{
"ITEM_ID": "41",
"ITEM_NAME": "金美孚0W-40全合成机油 7L ",
"PRICE": "726",
"IMG_URL": "http:\/\/www.52cdd.com\/Butler\/data\/attachment\/image\/20160823\/1010aecf50b12c9827c5a00d7132eae8.jpg",
"IS_VOUCH": "1"
},
{
"ITEM_ID": "55",
"ITEM_NAME": "壳牌(灰喜力)5W-30全合成机油 7L ",
"PRICE": "614",
"IMG_URL": "http:\/\/www.52cdd.com\/Butler\/data\/attachment\/image\/20160823\/1010aecf50b12c9827c5a00d7132eae8.jpg",
"IS_VOUCH": "1"
},
{
"ITEM_ID": "982",
"ITEM_NAME": "俄罗斯原装进口5W-40合成机油 7L",
"PRICE": "508",
"IMG_URL": "http:\/\/www.52cdd.com\/Butler\/data\/attachment\/image\/20160823\/1010aecf50b12c9827c5a00d7132eae8.jpg",
"IS_VOUCH": "1"
},
{
"ITEM_ID": "1646",
"ITEM_NAME": "俄罗斯原装进口5W-30全合成机油 7L",
"PRICE": "764",
"IMG_URL": "http:\/\/www.52cdd.com\/Butler\/data\/attachment\/image\/20160823\/1010aecf50b12c9827c5a00d7132eae8.jpg",
"IS_VOUCH": "1"
},
{
"ITEM_ID": "",
"ITEM_NAME": null,
"PRICE": "764",
"IMG_URL": "http:\/\/www.52cdd.com\/Butler\/data\/attachment\/image\/20160823\/1010aecf50b12c9827c5a00d7132eae8.jpg",
"IS_VOUCH": "1"
},
{
"ITEM_ID": "",
"ITEM_NAME": null,
"PRICE": "508",
"IMG_URL": "http:\/\/www.52cdd.com\/Butler\/data\/attachment\/image\/20160823\/1010aecf50b12c9827c5a00d7132eae8.jpg",
"IS_VOUCH": "1"
}
]
},
{
"IS_VISIT": "0",
"ITEM_ID": "2",
"ITEM_NAME": "机油滤清器",
"INTRO": "推荐5000公里修理一次\/6个月",
"PRICE": "100",
"ITEM_STATUS": "1",
"ITEM_TYPE": "1",
"ITEMS": [
{
"ITEM_ID": "0",
"ITEM_NAME": "暂无此配件,请致电4008200260",
"PRICE": "0",
"IMG_URL": "",
"IS_VOUCH": "1"
}
]
},
{
"IS_VISIT": "0",
"ITEM_ID": "5",
"ITEM_NAME": "空气滤清器",
"INTRO": "推荐5000公里修理一次\/6个月",
"PRICE": "100",
"ITEM_STATUS": "1",
"ITEM_TYPE": "1",
"ITEMS": [
{
"ITEM_ID": "0",
"ITEM_NAME": "暂无此配件,请致电4008200260",
"PRICE": "0",
"IMG_URL": "",
"IS_VOUCH": "1"
}
]
},
{
"IS_VISIT": "1",
"ITEM_ID": "6",
"ITEM_NAME": "火花塞",
"INTRO": "推荐5000公里修理一次\/6个月",
"PRICE": "80",
"ITEM_STATUS": "3",
"ITEM_TYPE": "2",
"ITEMS": [
{
"ITEM_ID": "0",
"ITEM_NAME": "暂无此配件,请致电4008200260",
"PRICE": "0",
"IMG_URL": "",
"IS_VOUCH": "1"
}
]
},
{
"IS_VISIT": "1",
"ITEM_ID": "8",
"ITEM_NAME": "刹车油",
"INTRO": "推荐5000公里修理一次\/6个月",
"PRICE": "100",
"ITEM_STATUS": "3",
"ITEM_TYPE": "2",
"ITEMS": [
{
"ITEM_ID": "0",
"ITEM_NAME": "暂无此配件,请致电4008200260",
"PRICE": "0",
"IMG_URL": "",
"IS_VOUCH": "1"
}
]
},
{
"IS_VISIT": "1",
"ITEM_ID": "7",
"ITEM_NAME": "变速箱油",
"INTRO": "推荐5000公里修理一次\/6个月",
"PRICE": "100",
"ITEM_STATUS": "3",
"ITEM_TYPE": "2",
"ITEMS": [
{
"ITEM_ID": "0",
"ITEM_NAME": "暂无此配件,请致电4008200260",
"PRICE": "0",
"IMG_URL": "",
"IS_VOUCH": "1"
}
]
}
]
我的代码 ,以下代码导致两组数据不准确。
for (var i = 0; i < needItem.length; i++) {
for (var j = 0; j< needItem[i].ITEMS.length; j++) {
console.log(1);
if (needItem[i].ITEMS[j].IS_VOUCH == 1) {
needItem[i].VOUCH_ITEM = needItem[i].ITEMS[j];
break;
}
}
}
更新原数据
{
"RESPCODE": 0,
"RESPMSG": "操作成功",
"RESULT": {
"MIN_SEP": "5000",
"MAIN_MILEAGE": "100000",
"IS_CAN_STORE": "0",
"NEED_ITEM": [
{
"IS_VISIT": "0",
"ITEM_ID": "1",
"ITEM_NAME": "机油",
"INTRO": "推荐5000公里修理一次\/6个月",
"PRICE": "100",
"ITEM_STATUS": "1",
"ITEM_TYPE": "1",
"ITEMS": [
{
"ITEM_ID": "23",
"ITEM_NAME": "嘉实多(极护)0W-40全合成机油 7L ",
"PRICE": "602",
"IMG_URL": "http:\/\/www.52cdd.com\/Butler\/data\/attachment\/image\/20160823\/1010aecf50b12c9827c5a00d7132eae8.jpg",
"IS_VOUCH": "1"
},
{
"ITEM_ID": "41",
"ITEM_NAME": "金美孚0W-40全合成机油 7L ",
"PRICE": "726",
"IMG_URL": "http:\/\/www.52cdd.com\/Butler\/data\/attachment\/image\/20160823\/1010aecf50b12c9827c5a00d7132eae8.jpg",
"IS_VOUCH": "1"
},
{
"ITEM_ID": "55",
"ITEM_NAME": "壳牌(灰喜力)5W-30全合成机油 7L ",
"PRICE": "614",
"IMG_URL": "http:\/\/www.52cdd.com\/Butler\/data\/attachment\/image\/20160823\/1010aecf50b12c9827c5a00d7132eae8.jpg",
"IS_VOUCH": "1"
},
{
"ITEM_ID": "982",
"ITEM_NAME": "俄罗斯原装进口5W-40合成机油 7L",
"PRICE": "508",
"IMG_URL": "http:\/\/www.52cdd.com\/Butler\/data\/attachment\/image\/20160823\/1010aecf50b12c9827c5a00d7132eae8.jpg",
"IS_VOUCH": "1"
},
{
"ITEM_ID": "1646",
"ITEM_NAME": "俄罗斯原装进口5W-30全合成机油 7L",
"PRICE": "764",
"IMG_URL": "http:\/\/www.52cdd.com\/Butler\/data\/attachment\/image\/20160823\/1010aecf50b12c9827c5a00d7132eae8.jpg",
"IS_VOUCH": "1"
},
{
"ITEM_ID": "",
"ITEM_NAME": null,
"PRICE": "764",
"IMG_URL": "http:\/\/www.52cdd.com\/Butler\/data\/attachment\/image\/20160823\/1010aecf50b12c9827c5a00d7132eae8.jpg",
"IS_VOUCH": "1"
},
{
"ITEM_ID": "",
"ITEM_NAME": null,
"PRICE": "508",
"IMG_URL": "http:\/\/www.52cdd.com\/Butler\/data\/attachment\/image\/20160823\/1010aecf50b12c9827c5a00d7132eae8.jpg",
"IS_VOUCH": "1"
}
]
},
{
"IS_VISIT": "0",
"ITEM_ID": "2",
"ITEM_NAME": "机油滤清器",
"INTRO": "推荐5000公里修理一次\/6个月",
"PRICE": "100",
"ITEM_STATUS": "1",
"ITEM_TYPE": "1",
"ITEMS": [
{
"ITEM_ID": "0",
"ITEM_NAME": "暂无此配件,请致电4008200260",
"PRICE": "0",
"IMG_URL": "",
"IS_VOUCH": "1"
}
]
},
{
"IS_VISIT": "0",
"ITEM_ID": "5",
"ITEM_NAME": "空气滤清器",
"INTRO": "推荐5000公里修理一次\/6个月",
"PRICE": "100",
"ITEM_STATUS": "1",
"ITEM_TYPE": "1",
"ITEMS": [
{
"ITEM_ID": "0",
"ITEM_NAME": "暂无此配件,请致电4008200260",
"PRICE": "0",
"IMG_URL": "",
"IS_VOUCH": "1"
}
]
},
{
"IS_VISIT": "1",
"ITEM_ID": "6",
"ITEM_NAME": "火花塞",
"INTRO": "推荐5000公里修理一次\/6个月",
"PRICE": "80",
"ITEM_STATUS": "3",
"ITEM_TYPE": "2",
"ITEMS": [
{
"ITEM_ID": "0",
"ITEM_NAME": "暂无此配件,请致电4008200260",
"PRICE": "0",
"IMG_URL": "",
"IS_VOUCH": "1"
}
]
},
{
"IS_VISIT": "1",
"ITEM_ID": "8",
"ITEM_NAME": "刹车油",
"INTRO": "推荐5000公里修理一次\/6个月",
"PRICE": "100",
"ITEM_STATUS": "3",
"ITEM_TYPE": "2",
"ITEMS": [
{
"ITEM_ID": "0",
"ITEM_NAME": "暂无此配件,请致电4008200260",
"PRICE": "0",
"IMG_URL": "",
"IS_VOUCH": "1"
}
]
},
{
"IS_VISIT": "1",
"ITEM_ID": "7",
"ITEM_NAME": "变速箱油",
"INTRO": "推荐5000公里修理一次\/6个月",
"PRICE": "100",
"ITEM_STATUS": "3",
"ITEM_TYPE": "2",
"ITEMS": [
{
"ITEM_ID": "0",
"ITEM_NAME": "暂无此配件,请致电4008200260",
"PRICE": "0",
"IMG_URL": "",
"IS_VOUCH": "1"
}
]
}
]
}
}
整的代码块
有问题的数据输出
没有问题的数据输出
vue push html,html5 - Vue 2.0 javaScript 数组循环push json 对象问题相关推荐
- [js]javascript实现多个json对象及列表的美化,容错非法json
javascript实现多个json对象及列表的美化,容错非法json 本文介绍的使用javascript格式化json,核心的函数是eval和JSON.stringify. 支持多个json混在一起 ...
- JavaScript数组的push()等方法的使用
数组是值得有序集合.每个值在数组中有一个位置,用数字表示,叫做索引.JavaScript数组是无类型的:数组元素可以是任何类型,而且同一个数组中可以存在不同类型元素,甚至可以是对象或是其他数组,这就可 ...
- Javascript 数组循环遍历之forEach
1. js 数组循环遍历. 数组循环变量,最先想到的就是 for(var i=0;i<count;i++)这样的方式了. 除此之外,也可以使用较简便的forEach 方式 2. forEac ...
- 如何在JavaScript中循环遍历JSON响应
从远程服务器获取数据时,服务器的响应通常为JSON格式.在本文中,我将演示如何使用JavaScript解析服务器的响应,以便访问所需的数据.该过程通常包括两个步骤:将数据解码为本机结构(例如数组或对象 ...
- 如何在JavaScript中循环遍历JSON响应?
从远程服务器获取数据时,服务器的响应通常为JSON格式.在本文中,我将演示如何使用JavaScript解析服务器的响应,以便访问所需的数据.该过程通常包括两个步骤:将数据解码为本机结构(例如数组或对象 ...
- JavaScript中循环遍历JSON响应!
我们在前端开发过程中,通过服务器获取数据的时候服务器返回的数据通常为JSON格式,今天小千就来教大家如何利用JavaScript解析服务器的响应获取我们想要的数据. 该过程通常包括两个步骤:将数据解码 ...
- JavaScript中循环遍历JSON响应
我们在前端开发过程中,通过服务器获取数据的时候服务器返回的数据通常为JSON格式,今天小千就来教大家如何利用JavaScript解析服务器的响应获取我们想要的数据. 该过程通常包括两个步骤:将数据解码 ...
- javascript sort()实现元素json对象的排序
看以下代码: var s = [ { name: "Robin Van PurseStrings", age: 30 } ,{ name: "Theo Walcott&q ...
- java 数组 push pop_JavaScript学习笔记:数组的push()、pop()、shift()和unshift()方法
JavaScript是一种弱类型语言,不像其它程序语言需要严格定义数据类型.在JavaScript中数组可以任意修改变动,这样也就出现了一个问题,如果边遍历数组边操作数组(比如删除当前项,则所有之后的 ...
最新文章
- android jar导出,Android项目导出jar包的小技巧
- 最好的方法,是为你们量身定制!
- [Swift通天遁地]五、高级扩展-(11)图像加载Loading动画效果的自定义和缓存
- C++ STL容器vector篇(五) vector容器常用初始化操作总结(一维/二维)
- linux系统超好用的QQ
- 关于Android的.so文件你所需要知道的 - 简书
- ads design environment_ADS射频仿真软件培训材料.pdf
- 剪轴凝截Analdeta.Tessera.Pro.v3.2.2.Build.2015.10.05.Win64 1CD
- 程序员好用的 Markdown 笔记软件
- 做一个古诗词的html页面,制作一个古诗词的网页
- 浅谈App Hybrid混合开发的五种方案
- Windows下MySQL5.7压缩包安装教程
- GEE开发之Modis_LST地表温度数据分析
- 《大数据之路-阿里巴巴大数据实践》读书笔记
- 两个鸡蛋,100层楼,找出摔碎鸡蛋的最低楼层,所用的摔鸡蛋次数最少
- .net 5+ 知新:【2】 .Net Framework 、.Net 、 .NET Standard的概念与区别
- 手机上能学计算机一级b,全国计算机等级考试一级B的学习方法
- ARKit之路-ARKit概述之一
- 总说业务,到底业务常用的指标有哪些
- visio直线交叉相交跨线修改
热门文章
- Python网络爬虫(一):爬虫基础
- 分布式计算、云计算与大数据第十章
- CSR867x一拖多加密工具8670 8675
- 我的世界服务器修改皮肤指令,我的世界怎么拿指令来改皮肤的 | 手游网游页游攻略大全...
- ansible———playbook剧本
- U盘用作启动盘后空间变为原来的一半
- c语言既是素数又是回文数的三位数,编写程序,找出所有既是素数又是回文数的三位正整数.例如:131等...
- 833计算机专业基础是哪本书,想问一下计算机考研统考中,有计算机专业基础综合408和833,有什么区别呢?比如今年西电就是833。哪里可...
- 520还在画玫瑰?教你用MATLAB画个玫瑰花球
- 修建道路(最小生成树)