TypeScript實現(xiàn)單鏈表的示例代碼
鏈表的概念
鏈表是一種物理存儲單元上非連續(xù)、非順序的存儲結(jié)構(gòu),它由一系列結(jié)點組成,其特點在于結(jié)點可以在運行時動態(tài)生成。
鏈表的存儲結(jié)構(gòu)特點
- 鏈表的每個結(jié)點包括兩個部分:
- 一個是存儲數(shù)據(jù)元素的數(shù)據(jù)域
- 另一個存儲下一個結(jié)點地址的指針域
- 鏈表可以用任意一組存儲單元來存儲其中的數(shù)據(jù)結(jié)構(gòu),與數(shù)組不同的是它的存儲單元可以是不連續(xù)的。
單鏈表
鏈表通過每個結(jié)點的鏈域?qū)⒕€性表的n個結(jié)點按其邏輯順序鏈接在一起構(gòu)成單鏈表。單鏈表即單向鏈表,單向指的是其指針域所存儲的信息只能為一個方向。具體來說,單鏈表中的每個存儲單元中,除了需要存儲每個單元的數(shù)據(jù)外,還必須附帶儲存其直接后繼存儲單元的地址信息。如圖所示:

單鏈表的結(jié)點
鏈表是由一個一個節(jié)點通過某種關(guān)系建立關(guān)聯(lián)構(gòu)成的一種數(shù)據(jù)結(jié)構(gòu),單鏈表也是如此。單鏈表中的所有節(jié)點只有一個指向各自直接后繼節(jié)點的指針域以及各自的數(shù)據(jù)域:

由于在TypeScript中沒有指針類型,所以我們需要用一個類來模擬一個結(jié)點:
由于在Typescript中泛型可以提高我們代碼的可復用性和靈活性,所以下面在定義結(jié)點和創(chuàng)建鏈表時會用到泛型。
class ListNode<T>{
value : T //數(shù)據(jù)域
next : ListNode<T> | null //指針域
constructor(value: T){
this.value = value;
this.next = null
}
}
單鏈表的基本操作
增加結(jié)點
增加結(jié)點是指為單鏈表增添節(jié)點,增加元素的方法有很多:
- 從鏈表左端增加結(jié)點
- 從鏈表右端增加結(jié)點
- 從指定位置增加結(jié)點
- …
這里我們介紹從鏈表右端增加一個結(jié)點:
//添加結(jié)點
add(value:T){
const newNode = new ListNode(value); //首先需要創(chuàng)建一個新結(jié)點
//頭結(jié)點為空,那么這個新結(jié)點就是鏈表的頭結(jié)點
if(!this.head){
this.head=newNode;
}
//頭結(jié)點非空
else{
let current = this.head;
//遍歷鏈表,直到找到鏈表的末尾
while(current.next)
{
current = current.next
}
current.next = newNode;//將鏈表的最后一個節(jié)點的指針域指向新創(chuàng)建的結(jié)點
}
}
刪除結(jié)點
刪除結(jié)點是從鏈表中刪除一個結(jié)點,同樣刪除的方法也有很多:
- 按照結(jié)點的索引號刪除鏈表中的單個結(jié)點
- 按照索引號刪除鏈表中某個節(jié)點及其之后的結(jié)點
- 給定兩個索引號a,b,刪除[a,b]的一段結(jié)點
- …
這里我們介紹刪除指定數(shù)據(jù)所在的結(jié)點:
remove(value : T){
const newNode = new ListNode(value);
let current = this.head;
if(!current){
console.log('該結(jié)點不存在,刪除失敗')
}
//刪除的結(jié)點是頭結(jié)點
else if(current && current.value == value){
this.head = current.next;
console.log('刪除成功');
}
else{
while(current.next){
if(current.next.value==value){
//讓所要刪除結(jié)點的上一個結(jié)點的指針域
//直接指向所要刪除結(jié)點的下一個結(jié)點即可
current.next = current.next.next;
console.log('刪除成功');
return;
}
current = current.next;
}
console.log('該結(jié)點不存在,刪除失敗')
}
}
打印鏈表
打印鏈表很簡單,就是將這個鏈表的每個結(jié)點都遍歷一次并且每遍歷到一個結(jié)點就將這個結(jié)點的數(shù)據(jù)輸出即可
//打印鏈表
print(){
let current = this.head;
while(current){
console.log(current);
current = current.next
}
}
鏈表功能測試
增加結(jié)點

測試結(jié)果如下:

刪除結(jié)點

測試結(jié)果如下:

完整代碼實現(xiàn)
//鏈表
//定義一個結(jié)點類:
class ListNode<T>{
value : T
next : ListNode<T> | null
constructor(value: T){
this.value = value;
this.next = null
}
}
//定義一個鏈表類
class LinkList<T>{
head:null | ListNode<T>
constructor(){
this.head = null;
}
//定義方法
//添加結(jié)點
add(value:T){
const newNode = new ListNode(value);
//頭結(jié)點為空
if(!this.head){
this.head=newNode;
}
//頭結(jié)點非空
else{
let current = this.head;
while(current.next)
{
current = current.next
}
current.next = newNode;
}
}
//刪除結(jié)點
remove(value : T){
const newNode = new ListNode(value);
let current = this.head;
if(!current){
console.log('該結(jié)點不存在,刪除失敗')
}
else if(current && current.value == value){
this.head = current.next;
console.log('刪除成功');
}
else{
while(current.next){
if(current.next.value==value){
current.next = current.next.next;
console.log('刪除成功');
return;
}
current = current.next;
}
console.log('該結(jié)點不存在,刪除失敗')
}
}
//打印鏈表
print(){
let current = this.head;
while(current){
console.log(current);
current = current.next
}
}
}
let list = new LinkList()
list.add(10);
list.add('hello');
list.add(true);
list.print();
list.remove('hello');
list.print();到此這篇關(guān)于TypeScript實現(xiàn)單鏈表的示例代碼的文章就介紹到這了,更多相關(guān)TypeScript 單鏈表內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
JavaScript html5 canvas繪制時鐘效果(二)
這篇文章主要介紹了JavaScript html5繪制時鐘效果的相關(guān)資料,使用HTML5的canvas標簽和Javascript腳本,模擬顯示了一個時鐘,感興趣的小伙伴們可以參考一下2016-03-03
微信小程序 函數(shù)防抖 解決重復點擊消耗性能問題實現(xiàn)代碼
這篇文章主要介紹了微信小程序使用函數(shù)防抖解決重復點擊消耗性能問題實現(xiàn)代碼,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-09-09
JS中關(guān)于事件處理函數(shù)名后面是否帶括號的問題
JS中的事件處理(事件綁定)就是讓某種或某些事件觸發(fā)某些活動。有兩種常見的形式,分別是DOM Level 0 和DOM Level 2。今天總結(jié)一個關(guān)于事件處理程序的小細節(jié)。感興趣的朋友一起學習吧2016-11-11
ES6中javascript實現(xiàn)函數(shù)綁定及類的事件綁定功能詳解
這篇文章主要介紹了ES6中javascript實現(xiàn)函數(shù)綁定及類的事件綁定功能,結(jié)合實例形式分析了ES6中函數(shù)綁定及類的事件綁定原理、實現(xiàn)方法、相關(guān)操作技巧與注意事項,需要的朋友可以參考下2017-11-11
將rmb數(shù)字位錢數(shù)轉(zhuǎn)化為中文錢數(shù)的js函數(shù)
用力將用戶輸入的錢數(shù),中文化輸出的函數(shù)代碼,需要的朋友可以參考下。2010-07-07

