树形结构查找某一节点的对应字段

原创已于 2023-04-23 15:03:20 修改

· 1.6k 阅读

0 ·

版权

文章标签：

#javascript

于 2022-10-12 10:07:28 首次发布

js 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的树形数据查找方法。包括单层查找及多层递归查找的具体实现过程，适用于快速定位复杂树形结构中的特定节点。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

单层查找

var treeData = [{label:"111",value:"1112",children:[{label:"222",value:"2223"}]}]

treeData.reduce((accumulator, dicItem) => accumulator.concat(dicItem.children), []).find(childrenItem => childrenItem.value === "2223").label

多层查找

let nameList = []; // 想要的名称数据
const arr = ["1","2"];
const treeList = [
	{
		id:'1',
		name:'1名字',
		children:[
			{
				id:'2',
				name:'2名字', 
				children:[
					{id:'21',name:'21名字'},
					{id:'22',name:'22名字'},
					{id:'23',name:'23名字'},
				]
			},
			{id:'3',name:'3名字'},
			{id:'4',name:'4名字'},
		]
	}
]

const fun = (data) => {
	if(arr.includes(data.id)){
		nameList.push({
			value: data.id,
			label: data.name
		})
	}
	if(data.children){
		data.children.forEach(fun)
	}
}
fun(treeList[0])
console.log(nameList,'nameList')