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

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)用比較多,書中有個十進(jìn)制轉(zhuǎn)二進(jìn)制的函數(shù)。(不懂二進(jìn)制怎么算的話可以百度)下面是函數(shù)的源代碼。
原理就是輸入要轉(zhuǎn)換的數(shù)字,不斷的除以二并取整。并且最后運(yùn)用while循環(huán),將棧中所有數(shù)字拼接成字符串輸出。
/**
* 將10進(jìn)制數(shù)字轉(zhuǎn)為2進(jìn)制數(shù)字
* @param {Number} decNumber 要轉(zhuǎn)換的10進(jìn)制數(shù)字
* @return {Number} 轉(zhuǎn)換后的2進(jìn)制數(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;
};
到此而言,棧的學(xué)習(xí)就告一段落了,希望對大家學(xué)習(xí)javascript中棧的實現(xiàn)方法有所幫助。
- JavaScript調(diào)用堆棧及setTimeout使用方法深入剖析
- 輸出java進(jìn)程的jstack信息示例分享 通過線程堆棧信息分析java線程
- js使用棧來實現(xiàn)10進(jìn)制轉(zhuǎn)8進(jìn)制與取除數(shù)及余數(shù)
- 基于NodeJS的前后端分離的思考與實踐(一)全棧式開發(fā)
- 基于NodeJS的前后端分離的思考與實踐(六)Nginx + Node.js + Java 的軟件棧部署實踐
- Nodejs全??蚣躍trongLoop推薦
- 最流行的Node.js精簡型和全棧型開發(fā)框架介紹
- JavaScript把數(shù)組作為堆棧使用的方法
- JavaScript中數(shù)據(jù)結(jié)構(gòu)與算法(一):棧
相關(guān)文章
javascript利用apply和arguments復(fù)用方法
這篇文章主要介紹了javascript利用apply和arguments復(fù)用方法,有需要的朋友可以參考一下2013-11-11
僅Firefox中鏈接A無法實現(xiàn)模擬點擊以觸發(fā)其默認(rèn)行為
偶然發(fā)現(xiàn)之前寫的事件模塊在Firefox5中無法觸發(fā)A的默認(rèn)行為了。IE/Opera/Firefox5中A具有click方法,因此模擬點擊直接調(diào)用click方法即可。2011-07-07
BootStrap中關(guān)于Select下拉框選擇觸發(fā)事件及擴(kuò)展
Select下拉框的問題,想在選擇一個選項后,前臺顯示做出變動,并且知道選擇的是第幾個選項。 怎么解決這個問題呢?下面小編給大家?guī)砹薆ootStrap中關(guān)于Select下拉框選擇觸發(fā)事件及擴(kuò)展,需要的朋友參考下吧2016-11-11
WordPress中利用AJAX技術(shù)進(jìn)行評論提交的實現(xiàn)示例
這篇文章主要介紹了WordPress中利用AJAX技術(shù)進(jìn)行評論提交的實現(xiàn)示例,整個處理的關(guān)鍵點在于文中的ajax_comment函數(shù),需要的朋友可以參考下2016-01-01
IE6瀏覽器中window.location.href無效的解決方法
這篇文章主要介紹了IE6瀏覽器中window.location.href無效的解決方法,給出了正確與錯誤的實例對比,分析跳轉(zhuǎn)無效的原因與解決方法,是非常實用的技巧,需要的朋友可以參考下2014-11-11

