JavaScipt中棧的實現(xiàn)方法
接下來就是數(shù)據(jù)結(jié)構(gòu)的第一部分,棧。
棧是一種遵從后進先出原則(LIFO,全稱為Last In First Out)的有序集合。棧頂永遠是最新的元素。
舉個例子就是:棧就像放在箱子里的一疊書 你要拿下面的書先要把上面的書拿開。(當然,你不能先拿下面的書)
看圖示也可明白。

JavaScipt中棧的實現(xiàn)
首先,創(chuàng)建一個構(gòu)造函數(shù)。
/**
* 棧的構(gòu)造函數(shù)
*/
function Stack() {
// 用數(shù)組來模擬棧
var item = [];
}
棧需要有如下的方法:
- push(element(s)): 添加幾個元素到棧頂
- pop(): 移除并返回棧頂元素
- peek(): 返回棧頂元素
- isAmpty: 檢查棧是否為空,為空則返回true
- clear: 移除棧中所有元素
- size: 返回棧中元素個數(shù)。
- print: 以字符串顯示棧中所有內(nèi)容
push方法的實現(xiàn)
說明: 需要往棧中添加新元素,元素位置在隊列的末尾。也就是說,我們可以用數(shù)組的push方法來模擬實現(xiàn)。
實現(xiàn):
/**
* 將元素送入棧,放置于數(shù)組的最后一位
* @param {Any} element 接受的元素,不限制類型
*/
this.push = function(element) {
items.push(element);
};
pop方法的實現(xiàn)
說明: 需要把棧頂元素彈出,同時返回被彈出的值。可以用數(shù)組的pop方法來模擬實現(xiàn)。
實現(xiàn):
/**
* 彈出棧頂元素
* @return {Any} 返回被彈出的值
*/
this.pop = function() {
return items.pop();
};
peek方法的實現(xiàn)
說明: 查看棧頂元素,可以用數(shù)組長度來實現(xiàn)。
實現(xiàn):
/**
* 查看棧頂元素
* @return {Any} 返回棧頂元素
*/
this.peek = function() {
return items[items.length - 1];
}
其余方法的實現(xiàn)
說明: 前三個是棧方法的核心,其余方法則在此一次性列出。因為下文要講的隊列,會與這部分有很大重合。
實現(xiàn):
/**
* 確定棧是否為空
* @return {Boolean} 若棧為空則返回true,不為空則返回false
*/
this.isAmpty = function() {
return items.length === 0
};
/**
* 清空棧中所有內(nèi)容
*/
this.clear = function() {
items = [];
};
/**
* 返回棧的長度
* @return {Number} 棧的長度
*/
this.size = function() {
return items.length;
};
/**
* 以字符串顯示棧中所有內(nèi)容
*/
this.print = function() {
console.log(items.toString());
};
實際應(yīng)用
棧的實際應(yīng)用比較多,書中有個十進制轉(zhuǎn)二進制的函數(shù)。(不懂二進制怎么算的話可以百度)下面是函數(shù)的源代碼。
原理就是輸入要轉(zhuǎn)換的數(shù)字,不斷的除以二并取整。并且最后運用while循環(huán),將棧中所有數(shù)字拼接成字符串輸出。
/**
* 將10進制數(shù)字轉(zhuǎn)為2進制數(shù)字
* @param {Number} decNumber 要轉(zhuǎn)換的10進制數(shù)字
* @return {Number} 轉(zhuǎn)換后的2進制數(shù)字
*/
function divideBy2(decNumber) {
var remStack = new Stack(),
rem,
binaryString = '';
while (decNumber > 0) {
rem = Math.floor(decNumber % 2);
remStack.push(rem);
decNumber = Math.floor(decNumber / 2);
}
while (!remStack.isAmpty()) {
binaryString += remStack.pop().toString();
}
return binaryString;
};
到此而言,棧的學習就告一段落了,希望對大家學習javascript中棧的實現(xiàn)方法有所幫助。
- JavaScript調(diào)用堆棧及setTimeout使用方法深入剖析
- 輸出java進程的jstack信息示例分享 通過線程堆棧信息分析java線程
- js使用棧來實現(xiàn)10進制轉(zhuǎn)8進制與取除數(shù)及余數(shù)
- 基于NodeJS的前后端分離的思考與實踐(一)全棧式開發(fā)
- 基于NodeJS的前后端分離的思考與實踐(六)Nginx + Node.js + Java 的軟件棧部署實踐
- Nodejs全??蚣躍trongLoop推薦
- 最流行的Node.js精簡型和全棧型開發(fā)框架介紹
- JavaScript把數(shù)組作為堆棧使用的方法
- JavaScript中數(shù)據(jù)結(jié)構(gòu)與算法(一):棧
相關(guān)文章
Bootstrap Table 在指定列中添加下拉框控件并獲取所選值
通過 bootstrap-table 的Column 配置項中的formatter,將獲取到的數(shù)據(jù)轉(zhuǎn)換為包含數(shù)據(jù)的 select 控件。然后根據(jù)用戶選擇項更新對應(yīng)單元格數(shù)據(jù),最后通過getallselection方法獲取所選行數(shù)據(jù)2017-07-07
JavaScript圖片的Base64編碼以及轉(zhuǎn)換詳解
現(xiàn)在網(wǎng)站為了提升用戶的瀏覽體驗越來越多的使用了圖片,而這些圖片通常以 Base64 的形式存儲和加載,下面這篇文章主要給大家介紹了關(guān)于JavaScript圖片的Base64編碼以及轉(zhuǎn)換的相關(guān)資料,需要的朋友可以參考下2022-07-07
JavaScript使用類似break機制中斷forEach循環(huán)的方法
這篇文章主要介紹了JavaScript使用類似break機制中斷forEach循環(huán)的方法,需要的朋友可以參考下2018-11-11
JavaScript的Object.defineProperty詳解
本篇文章給大家詳細講述了JavaScript的Object.defineProperty的相關(guān)知識點內(nèi)容,有興趣的朋友參考學習下。2018-07-07
JavaScript獲取GridView選擇的行內(nèi)容
一般GridView第一列是多選框CheckBox,負責標記當前行是否被選中,后面可以有文本框TextBox,下拉框DropDownList,標簽Lable2009-04-04
js數(shù)組相減簡單示例【刪除a數(shù)組所有與b數(shù)組相同元素】
這篇文章主要介紹了js數(shù)組相減,結(jié)合簡單示例形式分析了JavaScript刪除a數(shù)組所有與b數(shù)組相同元素相關(guān)個遍歷、判斷、刪除等相關(guān)操作技巧,需要的朋友可以參考下2020-03-03
javascript break指定標簽打破多層循環(huán)示例
break的語法有兩種break; 和 break label;下面為大家介紹下直接break掉整個循環(huán)嵌套示例2014-01-01
使用indexOf等在JavaScript的數(shù)組中進行元素查找和替換
使用slice、replace、indexOf等等在JavaScript的數(shù)組中進行元素的查找和替換,感興趣的朋友可以學習下2013-09-09

