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