Tree Depth First Traversal#

上篇用了 Breadth First 方法來遍歷(Traversal)整個 Tree,本篇就來用 Depth First 方法

說明 Depth First 遍歷方式#

Depth First 遍歷方法 : 第一個後往下,若下方還有子 node ,則繼續往下...沒有則繼續回去第二個

例如下圖 (Source from wikipedia)

tree

Depth First 遍歷方式 : 2, 7, 2, 10, 6, 5, 11, 5, 9, 4

想法#

Depth First 遍歷方法其實跟上一篇的有一點類似,只是這次是有 children 就往下

JS 解法#

class Node {
constructor(data) {
this.data = data;
this.children = [];
}
}
class Tree {
constructor() {
this.root = null;
}
traverseDepthFirst(func) {
const ary = [this.root];
while (ary.length) {
const node = ary.shift();
ary.unshift(...node.children);
func(node);
}
}
}

說明:

有 children 的話用 unshift() 方法加資料到陣列的前面。

如果您有注意到的話,這跟上一篇 Breadth First Traversal 的差別只有把資料往前塞,或往後塞而已。

也就是 Depth First 是先找 children 放入 ; Breadth First 則是 children 後放入。

Tree 的遍歷(Traversal) 就先到這邊,明天我們來研究進一步的 Tree 吧!

此文同時發布於鐵人賽