JavaScript數(shù)據(jù)結(jié)構(gòu)與算法之棧詳解
1.認識棧
棧:(stack)又名堆棧,它是一種運算受限的線性表。遵循后進先出(LIFO)
棧頂:限定僅在表尾進行插入和刪除操作的線性表,
棧底:限定僅在表頭進行插入和刪除操作的線性表。
進棧:向一個棧插入新元素又稱作進棧、入棧或壓棧,它是把新元素放到棧頂元素的上面,使之成為新的棧頂元素;
出棧:從一個棧刪除元素又稱作出?;蛲藯#前褩m斣貏h除掉,使其相鄰的元素成為新的棧頂元素

2.面向過程方法源碼編寫棧
2.1思考
面向過程是什么:
面向過程就是將解決問題的步驟分析出來,
然后用函數(shù)實現(xiàn),
只要一步一步的執(zhí)行調(diào)用他就可以了。
2.2需要實現(xiàn)的方法
- push(element)添加一個或多個元素到棧頂
- pop()刪除錢頂?shù)脑?,并返回移除的元?/li>
- peek()返回棧頂?shù)脑?/li>
- isEmpty()用于判斷棧是否為空,空則為空
- clear()用于清空棧的元素
- size()用于返回棧中元素的個數(shù)
在實現(xiàn)之前我們思考一下我們怎么實現(xiàn)
首先我們借用數(shù)組的方法來實現(xiàn),所以我們需要創(chuàng)建
一個空數(shù)組來模擬棧
2.3源碼實現(xiàn),并調(diào)用類
構(gòu)建一個類,用數(shù)組來模擬,
在類中書寫各種方法
部分調(diào)用數(shù)組的方法。
總的來說就是用類來包裝
數(shù)組的方法來實現(xiàn)棧的模擬
class Stack {
constructor() {
this.item = []
}
push(element) {
this.item.push(element)
}
pop() {
return this.item.pop()
}
peek() {
return this.item[this.item.length - 1]
}
isEmpty() {
return this.item.length === 0
}
clear() {
this.item = []
size() {
return this.item.length
}
}
//實例化Stack類
const stack = new Stack()
stack.push(4)
stack.push(6)
console.log( stack.pop())
console.log(stack.peek())
console.log(stack.isEmpty())
console.log(stack.size())運行結(jié)果:

3.用面向?qū)ο蟮姆椒▉碓创a書寫
3.1思考
面向?qū)ο螅?/strong>
就是將構(gòu)建問題的事物,分解成若干個對象,
建立對象不是為了完成某個步驟,而是為了
描述某個事物在解決問題過程的行為
3.2需要實現(xiàn)的方法
- push(element)添加一個或多個元素到棧頂
- pop()刪除錢頂?shù)脑?,并返回移除的元?/li>
- peek()返回棧頂?shù)脑?/li>
- isEmpty()用于判斷棧是否為空,空則為空
- clear()用于清空棧的元素
- size()用于返回棧中元素的個數(shù)
- toString()用于將棧以字符串的形式打印
那么在實現(xiàn)這個類,我們用對象來模擬棧
3.3源碼及使用類
class Stack {
constructor() {
this.count=0
this.items = {}
}
push(element) {
this.items[this.count]=element
this.count++
}
pop() {
if(this.isEmpty()){
return undefined
}
this.count--
const result=this.items[this.count]
delete this.items[this.count]
return result
}
peek() {
if(this.isEmpty()){
return undefined
}
return this.items[this.count-1]
}
isEmpty() {
return this.count===0
}
clear() {
this.items={}
this.count=0
}
size() {
return this.count
}
toString(){
if(this.isEmpty()){
return undefined
}
let objectString=`${this.items[0]}`
for(let i=1;i<this.count;i++){
objectString=`${objectString},${this.items[i]}`
}
return objectString
}
}
const stack = new Stack()
stack.push(23)
stack.push(34)
stack.push(80)
console.log( stack.pop())
console.log(stack.peek())
console.log(stack.isEmpty())
console.log(stack.size())
console.log(stack.toString())在使用對象來模擬棧時,采用了鍵:值的方式
來存儲數(shù)據(jù),比如this.items[this.count]=element
在這個結(jié)構(gòu)中用this.count來記錄棧的大小,
當我們向里面插入一個數(shù)字時,就分配count為鍵
插入的值為值。這個時候就需要將this.count++.
關(guān)于pop()與peek(),toString()方法都需要
先判斷棧是否為空,如果為空則返回undefined。
4.總結(jié)
- 了解了面向?qū)ο笈c面向過程
- 掌握了兩種方式用什么來模擬棧
- 對棧模擬進行源碼設(shè)計
到此這篇關(guān)于JavaScript數(shù)據(jù)結(jié)構(gòu)與算法之棧詳解的文章就介紹到這了,更多相關(guān)JS棧詳解內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
- JavaScript樹形數(shù)據(jù)結(jié)構(gòu)處理
- JavaScript隊列數(shù)據(jù)結(jié)構(gòu)詳解
- JavaScript數(shù)據(jù)結(jié)構(gòu)與算法
- Javascript數(shù)據(jù)結(jié)構(gòu)之棧和隊列詳解
- ?JavaScript?數(shù)據(jù)結(jié)構(gòu)之散列表的創(chuàng)建(2)
- JavaScript?數(shù)據(jù)結(jié)構(gòu)之字典方法
- JavaScript?數(shù)據(jù)結(jié)構(gòu)之集合創(chuàng)建(2)
- JavaScript?數(shù)據(jù)結(jié)構(gòu)之集合創(chuàng)建(1)
- JavaScript數(shù)據(jù)結(jié)構(gòu)常見面試問題整理
相關(guān)文章
微信小程序?qū)崿F(xiàn)二維碼簽到考勤系統(tǒng)
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)二維碼簽到考勤系統(tǒng),本文通過實例代碼給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友可以參考下2020-01-01
水平不高,不能也不想從太深的層次去講解這個東西,只是根據(jù)一段比較有代表性的代碼,結(jié)合執(zhí)行結(jié)果,從表象上粗淺地談?wù)劇?/div> 2010-12-12
Jquery顏色選擇器ColorPicker實現(xiàn)代碼
這里我要分享一個自己修改的顏色選擇器,有需要的朋友參考下2012-11-11
JavaScript詳細分析數(shù)據(jù)類型和運算符
這篇文章主要介紹了JavaScript數(shù)據(jù)類型和運算符案例,結(jié)合實例形式分析了JavaScript數(shù)據(jù)類型和運算符特性與相關(guān)操作技巧,需要的朋友可以參考下2022-07-07
JS+HTML實現(xiàn)的圓形可點擊區(qū)域示例【3種方法】
這篇文章主要介紹了JS+HTML實現(xiàn)的圓形可點擊區(qū)域,結(jié)合實例形式分析了javascript結(jié)合HTML元素屬性實現(xiàn)一個圓形的可點擊區(qū)域相關(guān)操作技巧,需要的朋友可以參考下2018-08-08最新評論

