JavaScript數(shù)據(jù)結(jié)構(gòu)之鏈表的實現(xiàn)
前面樓主分別討論了數(shù)據(jù)結(jié)構(gòu)棧與隊列的實現(xiàn),當時所用的數(shù)據(jù)結(jié)構(gòu)都是用的數(shù)組來進行實現(xiàn),但是數(shù)組有的時候并不是最佳的數(shù)據(jù)結(jié)構(gòu),比如在數(shù)組中新增刪除元素的時候需要將其他元素進行移動,而在javascript中使用spit()方法不需要訪問其他元素。如果你在使用數(shù)組的時候發(fā)現(xiàn)很慢,就可以考慮使用鏈表。
鏈表的概念
鏈表是一種常見的數(shù)據(jù)結(jié)構(gòu)。它是動態(tài)地進行存儲分配的一種結(jié)構(gòu)。鏈表有一個“頭指針”變量,以head表示,它存放一個地址,指向一個元素。每個結(jié)點都使用一個對象的引用指標它的后繼,指向另一個結(jié)點的引用叫做鏈。
數(shù)組元素依靠下標(位置)來進行引用,而鏈表元素則是靠相互之間的關(guān)系來進行引用。因此鏈表的插入效率很高,下圖演示了鏈表結(jié)點d的插入過程:
刪除過程:
基于對象的鏈表
我們定義2個類,Node類與LinkedList類,Node為結(jié)點數(shù)據(jù),LinkedList保存操作鏈表的方法。
首先看Node類:
function Node(element){ this.element = element; this.next = null; }
element用來保存結(jié)點上的數(shù)據(jù),next用來保存指向一下結(jié)點的的鏈接?! ?/p>
LinkedList類:
function LinkedList(){ this.head = new Node('head'); this.find = find; this.insert = insert; this.remove = remove; this.show = show; }
find()方法,從頭結(jié)點開始,沿著鏈表結(jié)點一直查找,直到找到與item內(nèi)容相等的element則返回該結(jié)點,沒找到則返回空。
function find(item){ var currentNode = this.head;//從頭結(jié)點開始 while(currentNode.element!=item){ currentNode = currentNode.next; } return currentNode;//找到返回結(jié)點數(shù)據(jù),沒找到返回null }
Insert方法。通過前面元素插入的演示可以看出,實現(xiàn)插入簡單四步:
1、創(chuàng)建結(jié)點
2、找到目標結(jié)點
3、修改目標結(jié)點的next指向鏈接
4、將目標結(jié)點的next值賦值給要插入的結(jié)點的next
function insert(newElement,item){ var newNode = new Node(newElement); var currentNode = this.find(item); newNode.next = currentNode.next; currentNode.next = newNode; }
Remove()方法。刪除某一節(jié)點需要先找到被刪除結(jié)點的前結(jié)點,為此我們定義方法frontNode():
function frontNode(item){ var currentNode = this.head; while(currentNode.next.element!=item&¤tNode.next!=null){ currentNode = currentNode.next; } return currentNode; }
簡答三步:
1、創(chuàng)建結(jié)點
2、找到目標結(jié)點的前結(jié)點
3、修改前結(jié)點的next指向被刪除結(jié)點的n后一個結(jié)點
function remove(item){ var frontNode = this.frontNode(item); //console.log(frontNode.element); frontNode.next = frontNode.next.next; }
Show()方法:
function show(){ var currentNode = this.head,result; while(currentNode.next!=null){ result += currentNode.next.element;//為了不顯示head結(jié)點 currentNode = currentNode.next; } }
測試程序:
var list = new LinkedList(); list.insert("a","head"); list.insert("b","a"); list.insert("c","b"); console.log(list.show()); list.remove("b"); console.log(list.show());
輸出:
雙向鏈表
從鏈表的頭節(jié)點遍歷到尾節(jié)點很簡單,但有的時候,我們需要從后向前遍。此時我們可以通過給 Node 對象增加一個屬性,該屬性存儲指向前驅(qū)節(jié)點的鏈接。樓主用下圖來雙向鏈表的工作原理。
首先我們先給Node類增加front屬性:
function Node(element){ this.element = element; this.next = null; this.front = null; }
當然,對應(yīng)的insert()方法和remove()方法我們也需要做相應(yīng)的修改:
function insert(newElement,item){ var newNode = new Node(newElement); var currentNode = this.find(item); newNode.next = currentNode.next; newNode.front = currentNode;//增加front指向前驅(qū)結(jié)點 currentNode.next = newNode; } function remove(item){ var currentNode = this.find(item);//找到需要刪除的節(jié)點 if (currentNode.next != null) { currentNode.front.next = currentNode.next;//讓前驅(qū)節(jié)點指向需要刪除的節(jié)點的下一個節(jié)點 currentNode.next.front = currentNode.front;//讓后繼節(jié)點指向需要刪除的節(jié)點的上一個節(jié)點 currentNode.next = null;//并設(shè)置前驅(qū)與后繼的指向為空 currentNode.front = null; } }
反序顯示鏈表:
需要給雙向鏈表增加一個方法,用來查找最后的節(jié)點。 findLast() 方法找出了鏈表中的最后一個節(jié)點,可以免除從前往后遍歷鏈。
function findLast() {//查找鏈表的最后一個節(jié)點 var currentNode = this.head; while (currentNode.next != null) { currentNode = currentNode.next; } return currentNode; }
實現(xiàn)反序輸出:
function showReverse() { var currentNode = this.head, result = ""; currentNode = this.findLast(); while(currentNode.front!=null){ result += currentNode.element + " "; currentNode = currentNode.front; } return result; }
測試程序:
var list = new LinkedList(); list.insert("a","head"); list.insert("b","a"); list.insert("c","b"); console.log(list); list.remove("b"); console.log(list.show()); console.log(list.showReverse());
輸出:
循環(huán)鏈表
循環(huán)鏈表是另一種形式的鏈式存貯結(jié)構(gòu)。它的特點是表中最后一個結(jié)點的指針域指向頭結(jié)點,整個鏈表形成一個環(huán)。循環(huán)鏈表和單向鏈表相似,節(jié)點類型都是一樣的。唯一的區(qū)別是,在創(chuàng)建循環(huán)鏈表時,讓其頭節(jié)點的 next 屬性指向它本身,即:
head.next = head
這種行為會傳導(dǎo)至鏈表中的每個節(jié)點,使得每個節(jié)點的 next 屬性都指向鏈表的頭節(jié)點。樓主用下圖來表示循環(huán)鏈表:
修改構(gòu)造方法:
function LinkedList(){ this.head = new Node('head');//初始化 this.head.next = this.head;//直接將頭節(jié)點的next指向頭節(jié)點形成循環(huán)鏈表 this.find = find; this.frontNode = frontNode; this.insert = insert; this.remove = remove; this.show = show; }
這時需要注意鏈表的輸出方法show()與find()方法,原來的方式在循環(huán)鏈表里會陷入死循環(huán),while循環(huán)的循環(huán)條件需要修改為當循環(huán)到頭節(jié)點時退出循環(huán)。
function find(item){ var currentNode = this.head;//從頭結(jié)點開始 while(currentNode.element!=item&¤tNode.next.element!='head'){ currentNode = currentNode.next; } return currentNode;//找到返回結(jié)點數(shù)據(jù),沒找到返回null } function show(){ var currentNode = this.head,result = ""; while (currentNode.next != null && currentNode.next.element != "head") { result += currentNode.next.element + " "; currentNode = currentNode.next; } return result; }
測試程序:
var list = new LinkedList(); list.insert("a","head"); list.insert("b","a"); list.insert("c","b"); console.log(list.show()); list.remove("b"); console.log(list.show());
測試結(jié)果:
本文用到的示例代碼地址:https://github.com/LJunChina/JavaScript
以上就是本文的全部內(nèi)容,希望本文的內(nèi)容對大家的學(xué)習或者工作能帶來一定的幫助,同時也希望多多支持腳本之家!
- JavaScript數(shù)據(jù)結(jié)構(gòu)之雙向鏈表
- JavaScript數(shù)據(jù)結(jié)構(gòu)之雙向鏈表和雙向循環(huán)鏈表的實現(xiàn)
- JavaScript數(shù)據(jù)結(jié)構(gòu)之單鏈表和循環(huán)鏈表
- JavaScript數(shù)據(jù)結(jié)構(gòu)之雙向鏈表定義與使用方法示例
- 使用JavaScript實現(xiàn)鏈表的數(shù)據(jù)結(jié)構(gòu)的代碼
- JavaScript數(shù)據(jù)結(jié)構(gòu)鏈表知識詳解
- JavaScript數(shù)據(jù)結(jié)構(gòu)與算法之鏈表
- JavaScript實現(xiàn)的鏈表數(shù)據(jù)結(jié)構(gòu)實例
- JavaScript數(shù)據(jù)結(jié)構(gòu)之鏈表各種操作詳解
相關(guān)文章
js實現(xiàn)html table 行,列鎖定的簡單實例
下面小編就為大家?guī)硪黄猨s實現(xiàn)html table 行,列鎖定的簡單實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-10-10高性能WEB開發(fā) flush讓頁面分塊,逐步呈現(xiàn) flush讓頁面分塊,逐步呈現(xiàn)
在處理比較耗時的請求的時候,我們總希望先讓用戶先看到部分內(nèi)容,讓用戶知道系統(tǒng)正在進行處理,而不是無響應(yīng)。2010-06-06詳解JavaScript中Generator函數(shù)的使用
Generator 是 ES6 新增的一種函數(shù)類型,這篇文章主要來和大家詳細聊聊Generator函數(shù)的具體用法,文中的示例代碼講解詳細,感興趣的可以了解一下2023-06-06利用uniapp+vue3+js適配微信隱私協(xié)議開發(fā)指南
這篇文章主要給大家介紹了關(guān)于利用uniapp+vue3+js適配微信隱私協(xié)議開發(fā)指南的相關(guān)資料,適配最新微信小程序隱私協(xié)議開發(fā)指南,兼容uniapp版本,需要的朋友可以參考下2023-12-12JavaScript中while循環(huán)的基礎(chǔ)使用教程
這篇文章主要給大家介紹了關(guān)于JavaScript中while循環(huán)的基礎(chǔ)使用教程,文中通過示例代碼介紹的非常詳細,對大家學(xué)習或者使用JavaScript具有一定的參考學(xué)習價值,需要的朋友們下面來一起學(xué)習學(xué)習吧2020-08-08