vue对象数组拆分,组成element-ui 所需表格数据结构

5 篇文章 0 订阅

后端请求回来的数据结构

			let res = [{
				"typeList": [{
					"typeName": "苹果",
					"typeCount": "0"
				}, {
					"typeName": "香蕉",
					"typeCount": "0"
				}, {
					"typeName": "榴莲",
					"typeCount": "0"
				}, {
					"typeName": "西瓜",
					"typeCount": "152"
				}],
				"teamId": "1000",
				"name": "总公司",
				"totalCount": 1144
			}, {
				"typeList": [{
					"typeName": "苹果",
					"typeCount": "0"
				}, {
					"typeName": "香蕉",
					"typeCount": "0"
				}, {
					"typeName": "榴莲",
					"typeCount": "0"
				}, {
					"typeName": "西瓜",
					"typeCount": "152"
				}],
				"teamId": "10003100",
				"name": "广州市a公司",
				"totalCount": 1144
			}, {
				"typeList": [{
					"typeName": "苹果",
					"typeCount": "0"
				}, {
					"typeName": "香蕉",
					"typeCount": "0"
				}, {
					"typeName": "榴莲",
					"typeCount": "0"
				}, {
					"typeName": "西瓜",
					"typeCount": "143"
				}],
				"teamId": "100031001001",
				"name": "广州市b公司",
				"totalCount": 329
			}, {
				"typeList": [{
					"typeName": "苹果",
					"typeCount": "0"
				}, {
					"typeName": "香蕉",
					"typeCount": "0"
				}, {
					"typeName": "榴莲",
					"typeCount": "0"
				}, {
					"typeName": "西瓜",
					"typeCount": "9"
				}],
				"teamId": "100031001003",
				"name": "gz",
				"totalCount": 14
			}, {
				"typeList": [{
					"typeName": "苹果",
					"typeCount": "0"
				}, {
					"typeName": "香蕉",
					"typeCount": "0"
				}, {
					"typeName": "榴莲",
					"typeCount": "0"
				}, {
					"typeName": "西瓜",
					"typeCount": "0"
				}],
				"teamId": "10003109",
				"name": "广州市c公司",
				"totalCount": 562
			}, {
				"typeList": [{
					"typeName": "苹果",
					"typeCount": "0"
				}, {
					"typeName": "香蕉",
					"typeCount": "0"
				}, {
					"typeName": "榴莲",
					"typeCount": "0"
				}, {
					"typeName": "西瓜",
					"typeCount": "0"
				}],
				"teamId": "100031001000",
				"name": "广州市d公司",
				"totalCount": 238
			}, {
				"typeList": [{
					"typeName": "苹果",
					"typeCount": "0"
				}, {
					"typeName": "香蕉",
					"typeCount": "0"
				}, {
					"typeName": "榴莲",
					"typeCount": "0"
				}, {
					"typeName": "西瓜",
					"typeCount": "0"
				}],
				"teamId": "100031001002",
				"name": "广州市e公司",
				"totalCount": 1
			}, {
				"typeList": [{
					"typeName": "苹果",
					"typeCount": "0"
				}, {
					"typeName": "香蕉",
					"typeCount": "0"
				}, {
					"typeName": "榴莲",
					"typeCount": "0"
				}, {
					"typeName": "西瓜",
					"typeCount": "0"
				}],
				"teamId": "100031001005",
				"name": "广州市f公司",
				"totalCount": 0
			}, {
				"typeList": [{
					"typeName": "苹果",
					"typeCount": "0"
				}, {
					"typeName": "香蕉",
					"typeCount": "0"
				}, {
					"typeName": "榴莲",
					"typeCount": "0"
				}, {
					"typeName": "西瓜",
					"typeCount": "0"
				}],
				"teamId": "10003077",
				"name": "广州市g公司",
				"totalCount": 0
			}, {
				"typeList": [{
					"typeName": "苹果",
					"typeCount": "0"
				}, {
					"typeName": "香蕉",
					"typeCount": "0"
				}, {
					"typeName": "榴莲",
					"typeCount": "0"
				}, {
					"typeName": "西瓜",
					"typeCount": "0"
				}],
				"teamId": "100031001004",
				"name": "广州市h公司",
				"totalCount": 0
			}]

实际需要的数据结构

tableData: [{
            date: '2016-05-02',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1518 弄'
          }, {
            date: '2016-05-04',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1517 弄'
          }, {
            date: '2016-05-01',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1519 弄'
          }, {
            date: '2016-05-03',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1516 弄'
          }]

最终对数据数据进行操作

var crr = []
			for (var i in res) {
				let map = {
					name: res[i].name,
					total: res[i].totalCount
				}
				for (var j = 0; j < res[0].typeList.length; j++) {

					let val = "val" + j
					let prop = "prop" + j
					let name = "name" + j
					map[val] = parseInt(res[i].typeList[j].typeCount)
					if(res[i].totalCount===0){
						map[prop]=0
					}else{
								map[prop] = parseInt(res[i].typeList[j].typeCount) / res[i].totalCount
					}
				
					// console.log(parseInt(res[i].typeList[j].typeCount))
				}
				crr.push(map)
				// console.log(res[i])
			}
			console.log(crr)
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值