递归函数 vue 树形结构数据

树形结构数据 递归函数 vue

1. 数据结构

let arr = [
	{
		name: '第一级',
		id:1,
		children: [
			{
				name: '第二级',
				id:12,
				children: [
					{
						name: '第三级',
						id:13,
						children:[
							{
								name:'第四级',
								id:14
							}
						]
					},
				]
			},
		],
	},
	{
		name:'第一级',
		id:2,
		children:[
			{
				name:'第二级',
				id:21
			}
		]
	}
]

this.calleArr(arr)

2.封装的方法

calleArr(arr){
	for(var i=0; i<arr.length; i++){
		var data=arr[i];
		if(data.children){//是否还有下级
			data.name=data.name+"--name1";
			this.calleArr(data.children) //自己调用自己
		}else{
			data.name=data.name+"--最后一个";
		 }
	}
	console.log(arr,'arr============')
}