JavaScript數(shù)據(jù)結(jié)構(gòu)與算法之二叉樹遍歷算法詳解【先序、中序、后序】
本文實例講述了JavaScript數(shù)據(jù)結(jié)構(gòu)與算法之二叉樹遍歷算法。分享給大家供大家參考,具體如下:
javascript數(shù)據(jù)結(jié)構(gòu)與算法--二叉樹遍歷(先序)
先序遍歷先訪問根節(jié)點, 然后以同樣方式訪問左子樹和右子樹

代碼如下:
/*
*二叉樹中,相對較小的值保存在左節(jié)點上,較大的值保存在右節(jié)點中
*
*
* */
/*用來生成一個節(jié)點*/
function Node(data, left, right) {
this.data = data;//節(jié)點存儲的數(shù)據(jù)
this.left = left;
this.right = right;
this.show = show;
}
function show() {
return this.data;
}
/*用來生成一個二叉樹*/
function BST() {
this.root = null;
this.insert = insert;
}
/*將數(shù)據(jù)插入二叉樹
(1)設(shè)根節(jié)點為當(dāng)前節(jié)點。
(2)如果待插入節(jié)點保存的數(shù)據(jù)小于當(dāng)前節(jié)點,則設(shè)新的當(dāng)前節(jié)點為原節(jié)點的左節(jié)點;反
之,執(zhí)行第4步。
(3)如果當(dāng)前節(jié)點的左節(jié)點為null,就將新的節(jié)點插入這個位置,退出循環(huán);反之,繼續(xù)
執(zhí)行下一次循環(huán)。
(4)設(shè)新的當(dāng)前節(jié)點為原節(jié)點的右節(jié)點。
(5)如果當(dāng)前節(jié)點的右節(jié)點為null,就將新的節(jié)點插入這個位置,退出循環(huán);反之,繼續(xù)
執(zhí)行下一次循環(huán)。
* */
function insert(data) {
var n = new Node(data, null, null);
if (this.root == null) {
this.root = n;
}
else {
var current = this.root;
var parent;
while (true) {
parent = current;
if (data < current.data) {
current = current.left;//待插入節(jié)點保存的數(shù)據(jù)小于當(dāng)前節(jié)點,則設(shè)新的當(dāng)前節(jié)點為原節(jié)點的左節(jié)點
if (current == null) {//如果當(dāng)前節(jié)點的左節(jié)點為null,就將新的節(jié)點插入這個位置,退出循環(huán);反之,繼續(xù)執(zhí)行下一次while循環(huán)。
parent.left = n;
break;
}
}
else {
current = current.right;//待插入節(jié)點保存的數(shù)據(jù)小于當(dāng)前節(jié)點,則設(shè)新的當(dāng)前節(jié)點為原節(jié)點的左節(jié)點
if (current == null) {
parent.right = n;
break;
}
}
}
}
}
/*先序遍歷
*用遞歸的方法
*/
function preOrder(node) {
if (!(node == null)) {
console.log(node.show() + " ");
preOrder(node.left);
preOrder(node.right);
}
}
/* 測試代碼 */
var nums = new BST();
nums.insert(23);
nums.insert(45);
nums.insert(16);
nums.insert(37);
nums.insert(3);
nums.insert(99);
nums.insert(22);
console.log("先序遍歷: ");
preOrder(nums.root);
運行結(jié)果:

javascript數(shù)據(jù)結(jié)構(gòu)與算法--二叉樹遍歷(中序)
中序遍歷按照節(jié)點上的鍵值,以升序訪問BST上的所有節(jié)點

代碼如下:
/*
*二叉樹中,相對較小的值保存在左節(jié)點上,較大的值保存在右節(jié)點中
*
*
* */
/*用來生成一個節(jié)點*/
function Node(data, left, right) {
this.data = data;//節(jié)點存儲的數(shù)據(jù)
this.left = left;
this.right = right;
this.show = show;
}
function show() {
return this.data;
}
/*用來生成一個二叉樹*/
function BST() {
this.root = null;
this.insert = insert;
}
/*將數(shù)據(jù)插入二叉樹
(1)設(shè)根節(jié)點為當(dāng)前節(jié)點。
(2)如果待插入節(jié)點保存的數(shù)據(jù)小于當(dāng)前節(jié)點,則設(shè)新的當(dāng)前節(jié)點為原節(jié)點的左節(jié)點;反
之,執(zhí)行第4步。
(3)如果當(dāng)前節(jié)點的左節(jié)點為null,就將新的節(jié)點插入這個位置,退出循環(huán);反之,繼續(xù)
執(zhí)行下一次循環(huán)。
(4)設(shè)新的當(dāng)前節(jié)點為原節(jié)點的右節(jié)點。
(5)如果當(dāng)前節(jié)點的右節(jié)點為null,就將新的節(jié)點插入這個位置,退出循環(huán);反之,繼續(xù)
執(zhí)行下一次循環(huán)。
* */
function insert(data) {
var n = new Node(data, null, null);
if (this.root == null) {
this.root = n;
}
else {
var current = this.root;
var parent;
while (true) {
parent = current;
if (data < current.data) {
current = current.left;//待插入節(jié)點保存的數(shù)據(jù)小于當(dāng)前節(jié)點,則設(shè)新的當(dāng)前節(jié)點為原節(jié)點的左節(jié)點
if (current == null) {//如果當(dāng)前節(jié)點的左節(jié)點為null,就將新的節(jié)點插入這個位置,退出循環(huán);反之,繼續(xù)執(zhí)行下一次while循環(huán)。
parent.left = n;
break;
}
}
else {
current = current.right;//待插入節(jié)點保存的數(shù)據(jù)小于當(dāng)前節(jié)點,則設(shè)新的當(dāng)前節(jié)點為原節(jié)點的左節(jié)點
if (current == null) {
parent.right = n;
break;
}
}
}
}
}
/*中序遍歷
*用遞歸的方法
*/
function inOrder(node) {
if (!(node == null)) {
inOrder(node.left);
console.log(node.show() + " ");
inOrder(node.right);
}
}
/* 測試代碼 */
var nums = new BST();
nums.insert(23);
nums.insert(45);
nums.insert(16);
nums.insert(37);
nums.insert(3);
nums.insert(99);
nums.insert(22);
console.log("中序遍歷: ");
inOrder(nums.root);
運行結(jié)果:

javascript數(shù)據(jù)結(jié)構(gòu)與算法--二叉樹遍歷(后序)
后序遍歷先訪問葉子節(jié)點,從左子樹到右子樹,再到根節(jié)點。
/*
*二叉樹中,相對較小的值保存在左節(jié)點上,較大的值保存在右節(jié)點中
*
*
* */
/*用來生成一個節(jié)點*/
function Node(data, left, right) {
this.data = data;//節(jié)點存儲的數(shù)據(jù)
this.left = left;
this.right = right;
this.show = show;
}
function show() {
return this.data;
}
/*用來生成一個二叉樹*/
function BST() {
this.root = null;
this.insert = insert;
}
/*將數(shù)據(jù)插入二叉樹
(1)設(shè)根節(jié)點為當(dāng)前節(jié)點。
(2)如果待插入節(jié)點保存的數(shù)據(jù)小于當(dāng)前節(jié)點,則設(shè)新的當(dāng)前節(jié)點為原節(jié)點的左節(jié)點;反
之,執(zhí)行第4步。
(3)如果當(dāng)前節(jié)點的左節(jié)點為null,就將新的節(jié)點插入這個位置,退出循環(huán);反之,繼續(xù)
執(zhí)行下一次循環(huán)。
(4)設(shè)新的當(dāng)前節(jié)點為原節(jié)點的右節(jié)點。
(5)如果當(dāng)前節(jié)點的右節(jié)點為null,就將新的節(jié)點插入這個位置,退出循環(huán);反之,繼續(xù)
執(zhí)行下一次循環(huán)。
* */
function insert(data) {
var n = new Node(data, null, null);
if (this.root == null) {
this.root = n;
}
else {
var current = this.root;
var parent;
while (true) {
parent = current;
if (data < current.data) {
current = current.left;//待插入節(jié)點保存的數(shù)據(jù)小于當(dāng)前節(jié)點,則設(shè)新的當(dāng)前節(jié)點為原節(jié)點的左節(jié)點
if (current == null) {//如果當(dāng)前節(jié)點的左節(jié)點為null,就將新的節(jié)點插入這個位置,退出循環(huán);反之,繼續(xù)執(zhí)行下一次while循環(huán)。
parent.left = n;
break;
}
}
else {
current = current.right;//待插入節(jié)點保存的數(shù)據(jù)小于當(dāng)前節(jié)點,則設(shè)新的當(dāng)前節(jié)點為原節(jié)點的左節(jié)點
if (current == null) {
parent.right = n;
break;
}
}
}
}
}
/*后序遍歷
*用遞歸的方法
*/
function postOrder(node) {
if (!(node == null)) {
postOrder(node.left);
postOrder(node.right);
console.log(node.show() + " ");
}
}
/* 測試代碼 */
var nums = new BST();
nums.insert(23);
nums.insert(45);
nums.insert(16);
nums.insert(37);
nums.insert(3);
nums.insert(99);
nums.insert(22);
console.log("后序遍歷: ");
postOrder(nums.root);
運行結(jié)果:

感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具:http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行效果。
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《JavaScript數(shù)學(xué)運算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript排序算法總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》及《JavaScript錯誤與調(diào)試技巧總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
相關(guān)文章
在JavaScript中call()與apply()區(qū)別
這篇文章主要介紹了在JavaScript中call()與apply()區(qū)別 的相關(guān)資料,需要的朋友可以參考下2016-01-01
javascript實現(xiàn)動態(tài)改變層大小的方法
這篇文章主要介紹了javascript實現(xiàn)動態(tài)改變層大小的方法,涉及javascript操作頁面屬性的相關(guān)技巧,需要的朋友可以參考下2015-05-05
如何手動實現(xiàn)一個 JavaScript 模塊執(zhí)行器
這篇文章主要介紹了如何手動實現(xiàn)一個 JavaScript 模塊執(zhí)行器,幫助大家更好的理解和使用JavaScript,感興趣的朋友可以了解下2020-10-10
第一次接觸神奇的Bootstrap網(wǎng)格系統(tǒng)
第一次接觸神奇的Bootstrap網(wǎng)格系統(tǒng),Bootstrap讓W(xué)eb開發(fā)更迅速、更簡單,感興趣的小伙伴們可以參考一下2016-07-07
JavaScript中Infinity(無窮數(shù))的使用和注意事項
Infinity(無窮大)在 JS 中是一個特殊的數(shù)字,它的特性是它比任何有限的數(shù)字都大,如果不知道 Infinity,我們在一些運算操作遇到時,就會覺得很有意思,下面這篇文章主要給大家介紹了關(guān)于JavaScript中Infinity(無窮數(shù))的使用和注意事項,需要的朋友可以參考下2022-04-04
基于JS實現(xiàn)頁面視頻video標(biāo)簽禁止下載(下載按鈕+右擊菜單)
最近做項目遇到這樣的需求,禁止用戶瀏覽頁面的時候下載頁面的視頻,網(wǎng)上看到下載視頻的方法有兩種,本文對每種方法做詳細(xì)分析,對js禁止下載視頻相關(guān)知識感興趣的朋友一起看看吧2024-02-02
MutationObserver監(jiān)視對DOM?樹所做更改的功能妙用
這篇文章主要為大家介紹了MutationObserver監(jiān)視對DOM?樹所做更改的功能妙用詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-03-03

