vue 将平级数据处理成父子节点数据

场景:在调接口的时候后端反的数据是平级的对象,为了展示符合设计图上的数据,需要将数据进行处理

export default {
	data() {
	    return {
	      PlatformConfirm: [], //改造好的数组
	   },
	methods: {
		// 将数据改造成父子结构
		// Platform.serviceOrderItem 接口的数据数组
          Platform.serviceOrderItem.forEach((item) => {
          //找到平级对象里面相同的字段筛选出来,向里面添加一个空数组
            if (item.type == 1) {
              item.children = []
              this.PlatformConfirm.push(item) //然后push到新的数组里面
            }
          })
          //再次循环这个数据,将平级对象里面相同的字段进行对比和判断,把符合判断的数据push到之前添加的空数组里面
          Platform.serviceOrderItem.forEach((item1) => {
          //将新的数组里面的数据和之前的数据进行对比
            this.PlatformConfirm.forEach((item2) => {
              if (item1.itemId == item2.itemId && item1.type == 2) {
                item2.children.push(item1)
              }
            })
          })
	}
}
		

你可能感兴趣的:(前端,javascript,ant)