前端（JS）递归遍历多层树

Running@HuXu

于 2023-02-16 12:45:48 发布

阅读量522

点赞数 1

分类专栏： js 文章标签：前端 javascript

本文链接：https://blog.csdn.net/qq_47297447/article/details/129059011

版权

js 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

该文章展示了如何处理一个嵌套的JavaScript对象，这个对象表示了一个树形数据结构。函数`makeData`被用来递归地遍历数据，将所有节点的name属性添加到`vararr`数组中。这个过程用于提取和打印出所有的层级名称。

摘要由CSDN通过智能技术生成

var data={
	name:'1',
	children:[
		{
			name:'1_1',
			children:[
				{
					name:'1_1_1',
					children:[
						{
							name:'1_1_1_1',
							children:[
								{
									name:'1_1_1_1_1',
									children:[]
								},
								{
									name:'1_1_1_1_2',
									children:[]
								},
							]
						},
						{
							name:'1_1_1_2',
							children:[]
						},
					]
				},
				{
					name:'1_1_2',
					children:[]
				},
			]
		},
		{
			name:'1_2',
			children:[
				{
					name:'1_1_1',
					children:[]
				},
				{
					name:'1_1_2',
					children:[]
				},
			]
		}
	]
}
var arr=[]
function makeData(data){
	arr.push(data.name)
		if(data.children&&data.children.length>0){
		data.children.map(item=>{
			makeData(item)
		})
		}
	console.log(arr)
}
makeData(data)

结果：