浅谈JavaScript中树的深度优先遍历和广度优先遍历

最新推荐文章于 2025-06-19 15:17:33 发布

原创最新推荐文章于 2025-06-19 15:17:33 发布 · 8.5k 阅读

11 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #树 #深度优先遍历 #广度优先遍历

JavaScript 专栏收录该内容

89 篇文章

订阅专栏

本文深入探讨JavaScript中树结构的遍历，包括深度优先遍历的非递归实现和广度优先遍历的递归及非递归方法。

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

1、深度优先遍历的递归写法

function deepTraversal(node) {
	var nodes = [];
	if (node != null) {  
        	nodes.push(node);  
        	var children = node.children;  
        	for (var i = 0; i < children.length; i++)  
           		deepTraversal(children[i]);  
    	}  
	return nodes;
}

2、深度优先遍历的非递归写法

function deepTraversal(node) {
	var nodes = [];
	if (node != null) {
		var stack = [];
		stack.push(node);
		while (stack.length != 0) {
			var item = stack.pop();
			nodes.push(item);
			var children = item.children;
			for (var i = children.length - 1; i >= 0; i--)
				stack.push(children[i]);
		}
	}  
	return nodes;
}

3、广度优先遍历的递归写法：

报错：Maximum call stack size exceeded(…)

function wideTraversal(node) {
	var nodes = [];
	var i = 0;
	if (!(node == null)) {
		nodes.push(node);
		wideTraversal(node.nextElementSibling);
		node = nodes[i++];
		wideTraversal(node.firstElementChild);
	}
	return nodes;
}

4、广度优先遍历的非递归写法

function wideTraversal(selectNode) {
	var nodes = [];
	if (selectNode != null) {
		var queue = [];
		queue.unshift(selectNode);
		while (queue.length != 0) {
			var item = queue.shift();
			nodes.push(item);
			var children = item.children;
			for (var i = 0; i < children.length; i++)
				queue.push(children[i]);
		}
	}
	return nodes;
}