欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-07-15 23:35:25
...

我们先看一下对象嵌套的格式
对象多层嵌套,如何将对象转换为数组?
这里有三个对象,分别往里面嵌套,现在我们要把每个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

相关标签: Vue