JavaScript 棧的詳解及實(shí)例代碼
JavaScript 棧
棧是一種遵從先進(jìn)后出(LIFO)原則的有序集合。
新添加或待刪除的元素都保存在棧的末尾,稱作棧頂,另一端就叫棧底。
在棧里,新元素都靠近棧頂,舊元素都接近棧底
昨天因?yàn)橛悬c(diǎn)事沒有更新,今天打算給大家講講JavaScript實(shí)現(xiàn)的數(shù)據(jù)結(jié)構(gòu)
數(shù)據(jù)結(jié)構(gòu)與算法是程序語言的靈魂,是解決一切編程問題的基礎(chǔ)
以前學(xué)C/C++的時候,感覺算法還是非常重要的,但是前端涉及的并不多
不管怎樣,作為技術(shù)人員,理解一些基本數(shù)據(jù)結(jié)構(gòu)和算法應(yīng)該是必須的
而且我們的JavaScript實(shí)現(xiàn)數(shù)據(jù)結(jié)構(gòu)和算法更加容易
下面我們就先來看看其中一個最基本的
棧的理解
棧這種數(shù)據(jù)結(jié)構(gòu)其實(shí)很好理解
可以把它想象成一個剛好能容下書大小的小箱子
推棧/壓棧就是把一本書書放在箱子中,但是只能放在箱子的最上面
彈棧/出棧就是從箱子中拿出一本書
棧頂是箱子中最頂上的書
棧底是箱子中對低下的書
生活中棧的例子比比皆是,比如堆放盤子,子彈夾推子彈等等
這可以幫助我們更好的理解棧
棧也被用在我們編程語言的編譯器和內(nèi)存中保存變量、方法調(diào)用等等
棧的創(chuàng)建
那么現(xiàn)在我們來用JavaScript實(shí)現(xiàn)一個棧
首先我們需要考慮一種數(shù)據(jù)結(jié)構(gòu)來保存棧元素,毫無疑問數(shù)組是合適的選擇
然后我們要實(shí)現(xiàn)棧的功能,同樣以裝書為例
- 向棧頂中添加元素(向箱子了扔一本書)
- 移除棧頂元素(從箱子中取出一本書)
- 查看棧頂元素(看看箱子里最上面的書是什么)
- 判斷棧是否為空(看看箱子里有沒有書)
- 移除棧內(nèi)全部元素(把箱子里的書全倒出來)
- 查看棧里元素個數(shù)(查看箱子里有幾本書)
毫無疑問如果箱子里有很多書我們不能直接把箱子低下的書拿出來 所以我們不能直接操作棧底
也許我們有很多這樣的箱子,有很多棧 ,所以我們最好把它聲明為一個“類”,完整代碼如下
function Stack() { var items = []; this.push = function (ele) { items.push(ele); };//推棧 this.pop = function () { return items.pop(); };//彈棧 this.peek = function () { return items[items.length - 1]; };//查看棧頂元素 this.isEmpty = function () { return items.length === 0; };//判斷棧是否為空 this.size = function () { return items.length; };//棧大小 this.clear = function () { items = []; };//清空棧 this.print = function () { console.log(items.toString()); };//打印棧 } var stack = new Stack(); //聲明棧的實(shí)例
棧的應(yīng)用
下面我們就用棧解決一些問題
比如把十進(jìn)制轉(zhuǎn)化為二進(jìn)制
要把十進(jìn)制轉(zhuǎn)化為二進(jìn)制,可以把這個數(shù)字和2整除,直到0為止
比如把50轉(zhuǎn)化為二進(jìn)制就是10010
下面是算法實(shí)現(xiàn)
function convertBinary(decNum) { //十進(jìn)制轉(zhuǎn)換為二進(jìn)制 var remStack = new Stack(), rem, binaryStr = ''; while(decNum) { rem = Math.floor(decNum % 2); decNum = Math.floor(decNum / 2); remStack.push(rem); //余數(shù)放到棧中 } while(!remStack.isEmpty()) { binaryStr += remStack.pop(); //利用pop把棧內(nèi)元素逐一彈出,將余數(shù)拼接成為一個字符串 } return binaryStr; } console.log(convertBinary(50));//輸出10010
還可以修改這個算法,讓這個函數(shù)能夠把十進(jìn)制轉(zhuǎn)化為任何進(jìn)制
function baseConverter(decNum, base) { //十進(jìn)制轉(zhuǎn)換為任意進(jìn)制 var base = (base >= 2 && base <= 16) ? base : 10, remStack = new Stack(), rem, baseStr = '', digits = '0123456789ABCDEF'; while(decNum) { rem = Math.floor(decNum % base); decNum = Math.floor(decNum / base); remStack.push(rem); //余數(shù)放到棧中 } while(!remStack.isEmpty()) { baseStr += digits[remStack.pop()]; //利用pop把棧內(nèi)元素逐一彈出,將余數(shù)拼接成為一個字符串 } return baseStr; }
其實(shí)用數(shù)組也可以實(shí)現(xiàn),為了練習(xí)一下棧,就用棧來實(shí)現(xiàn)這個算法
通過這個小應(yīng)用我們可以簡單理解棧
感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!
- JavaScript數(shù)組的棧方法與隊列方法詳解
- JavaScript調(diào)用堆棧及setTimeout使用方法深入剖析
- JavaScript實(shí)現(xiàn)顯示函數(shù)調(diào)用堆棧的方法
- 詳解JavaScript調(diào)用棧、尾遞歸和手動優(yōu)化
- JavaScript中數(shù)據(jù)結(jié)構(gòu)與算法(一):棧
- JavaScript把數(shù)組作為堆棧使用的方法
- JavaScript數(shù)據(jù)結(jié)構(gòu)與算法之棧詳解
- JS實(shí)現(xiàn)利用兩個隊列表示一個棧的方法
- JavaScript數(shù)據(jù)結(jié)構(gòu)與算法之棧與隊列
- JavaScript數(shù)據(jù)結(jié)構(gòu)之棧實(shí)例用法
- JS棧stack類的實(shí)現(xiàn)與使用方法示例
相關(guān)文章
一直都需要的復(fù)制到系統(tǒng)剪貼板之IE,firefox兼容版
一直都需要的復(fù)制到系統(tǒng)剪貼板之IE,firefox兼容版...2007-09-09JavaScript截取字符串的Slice、Substring、Substr函數(shù)詳解和比較
這篇文章主要介紹了JavaScript截取字符串的Slice、Substring、Substr函數(shù)詳解和比較,需要的朋友可以參考下2014-03-03在localStorage中存儲對象數(shù)組并讀取的方法
頻繁ajax請求導(dǎo)致頁面響應(yīng)變慢,所以考慮將數(shù)據(jù)存儲在window.storage中,這樣只需請求一次ajax,接下來通過本文給大家介紹了在localStorage中存儲對象數(shù)組并讀取的方法,需要的朋友可以參考下2016-09-09JS回調(diào)函數(shù) callback的理解與使用案例分析
這篇文章主要介紹了JS回調(diào)函數(shù) callback的理解與使用,結(jié)合具體案例形式分析了javascript回調(diào)函數(shù)的功能、原理、用法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2019-09-09解決layui 復(fù)選框等內(nèi)置控件不顯示的問題
今天小編就為大家分享一篇解決layui 復(fù)選框等內(nèi)置控件不顯示的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08