javascript中简单的通用树结构遍历方法

一个十分简单的通用树结构递归遍历方法,使用示例: 

let tree = {
	name: "root",
	childrens: [{
		name: "child1"
	}, {
		name: "child2",
		childrens: [{
				name: "child2-1"
			},{
				name: "child2-2"
			}
		]
	},{
		name: "child3"
	}]
}

treeForEach(tree,function(node,parent){
	if(!parent){
		parent = "this is a root,no parent!";
	}
	console.log(node,parent);
});

树结构遍历通用方法:

function treeForEach(treeNode,fn,childFieldName = "childrens"){
	
	let parent = null;
	
    //如果节点是数组,直接遍历
	if (Array.isArray(treeNode)) {			
		let childrens = treeNode;
		forEachChilds(parent, childrens, fn);
		return;
	}

				
	//如果节点不是数组,直接调用方法
	if (!Array.isArray(treeNode)) {
		fn && fn(treeNode, parent);
	}
	
	//如果存在子节点集则遍历
	if(treeNode && treeNode[childFieldName]){
		parent = treeNode;
		let childrens = treeNode[childFieldName];
		forEachChilds(parent, childrens, fn);
		return;
	}
	
	//递归遍历子节点
	function forEachChilds(parent,childrens,fn){
		
		if(Array.isArray(childrens)){
			childrens.forEach((item,index)=>{
				fn && fn(item,parent);
				
				//如果有子节点集,则继续遍历
				let childrens = item[childFieldName];
				if(Array.isArray(childrens)){
					forEachChilds(item,childrens,fn);
				}
			});
			return;
		}
	}
}

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值