对象多层嵌套,如何将对象转换为数组?

我们先看一下对象嵌套的格式
在这里插入图片描述
这里有三个对象,分别往里面嵌套,现在我们要把每个next对象取出来组成数组

data(){
	return{
	 catalogArr: [],//类目数组
	 catalogObj: {},//嵌套对象
	}
}
getCatalog(arr){
	// 这里传入的arr是为 整个嵌套对象push的一个数组
	// 如:arr.push(catalogObj)
	arr.forEach(item => {
	//将每个对象都添加到数组
	  this.catalogArr.push(item)
	  if(item.next){
		let arr1 = [];
		arr1.push(item.next)
		this.getCatalog(arr1)
	  }
	})
},
getData(){
	// 假设我们在这里获取到了图片中的嵌套对象
	this.catalogObj = res.data.data
	let arr = []
	arr.push(this.catalogObj)
	this.getCatalog(arr) //在这一步我们已经将嵌套对象转换为数组了
	consol.log(this.catalogArr)
}

最终我们获取的数组如下:
在这里插入图片描述
我们通过循环数组,即可获取每个对象的name与ID

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值