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-01javascript實現(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-07JavaScript中Infinity(無窮數(shù))的使用和注意事項
Infinity(無窮大)在 JS 中是一個特殊的數(shù)字,它的特性是它比任何有限的數(shù)字都大,如果不知道 Infinity,我們在一些運算操作遇到時,就會覺得很有意思,下面這篇文章主要給大家介紹了關(guān)于JavaScript中Infinity(無窮數(shù))的使用和注意事項,需要的朋友可以參考下2022-04-04基于JS實現(xiàn)頁面視頻video標簽禁止下載(下載按鈕+右擊菜單)
最近做項目遇到這樣的需求,禁止用戶瀏覽頁面的時候下載頁面的視頻,網(wǎng)上看到下載視頻的方法有兩種,本文對每種方法做詳細分析,對js禁止下載視頻相關(guān)知識感興趣的朋友一起看看吧2024-02-02MutationObserver監(jiān)視對DOM?樹所做更改的功能妙用
這篇文章主要為大家介紹了MutationObserver監(jiān)視對DOM?樹所做更改的功能妙用詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-03-03