一文讓你快速了解JavaScript棧
前言
前面兩篇文章介紹了數(shù)據(jù)結(jié)構(gòu)和算法的一些前置內(nèi)容,這篇文章開始正式學(xué)習(xí)常見的數(shù)據(jù)結(jié)構(gòu),首先學(xué)習(xí)的就是棧(Stack)。
什么是棧?
棧全稱為堆棧,是一種先進后出的的數(shù)據(jù)結(jié)構(gòu),棧中只有兩種基本操作,也就是插入和刪除,也就是入棧和出棧操作,棧只有一端可以進行入棧和出棧操作,我們將其稱為棧頂,另一端稱其為棧底;如下圖展示了棧這個數(shù)據(jù)結(jié)構(gòu):
JavaScript中的棧
JavaScript并沒有棧這個數(shù)據(jù)類型,但是可以通過數(shù)組進行模擬,而且數(shù)組中提供的push()
和pop()
選項,正好實現(xiàn)先入后出的的操作,
示例代碼如下:
const stack = [] // 入棧 stack.push(1) stack.push(2) // 出棧 const v1 = stack.pop() // 2 const v2 = stack.pop() // 1
棧的應(yīng)用場景
棧是算法和程序中最常用的輔助結(jié)構(gòu),其的應(yīng)用十分廣泛,凡是需要先進后出場景都有棧的身影,比如:
- 函數(shù)調(diào)用堆棧
- 判斷字符串括號是否有效
接下來我們依次來看:
函數(shù)調(diào)用堆棧
JavaScript中的函數(shù)調(diào)用堆棧就是一個應(yīng)用棧的一個典型例子,比如下面這段代碼:
function f1() {} function f2() { f1() } function f3() { f2() } f3()
如下圖:
執(zhí)行過程如下:
- 調(diào)用函數(shù)
f3()
,將f3
壓入堆棧; - 在
f3()
中調(diào)用了f2()
,將f2
壓入堆棧; - 在
f2()
中又調(diào)用了f1()
,將f1
壓入堆棧; - 只有
f1()
運行完成才能繼續(xù)往下執(zhí)行,所以f1()
先出棧,以此類推。
有效的括號
有效的括號是力扣中的一個關(guān)于棧的算法題目,題目大意就是判斷給定字符串中的括號是否匹配,匹配返回true
,否則返回false
。
解題思路如下:
- 判斷字符串的長度是否為偶數(shù),不為偶數(shù)直接返回
false
,因為括號都是成對出現(xiàn)的; - 新建一個棧;
- 遍歷字符串,遍歷到每一項時如果時左括號,將其壓入棧;如果是右括號,與棧頂對比,如果相匹配則出棧,不匹配則返回
false
。
實現(xiàn)代碼如下:
/** * @param {string} s * @return {boolean} */ var isValid = function(s) { if (s.length % 2 !== 0) return false const stack = [] for(let i = 0; i<s.length; i++) { const c = s[i] // 記錄當(dāng)前項 if (c === '(' || c === '[' || c==='{') { stack.push(c) } else { const t = stack[stack.length - 1] // 獲取棧頂元素 if ( (t === '(' && c === ')') || (t === '[' && c === ']') || (t === '{' && c === '}') ) { stack.pop() } else { return false } } } // 如果為0表示全部匹配,有剩余則表示不匹配 return stack.length === 0 };
肯有還有更優(yōu)的寫法,這里直接使用的暴力解法。
總結(jié)
到此這篇關(guān)于一文讓你快速了解JavaScript棧的文章就介紹到這了,更多相關(guān)JS 棧內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
詳解微信小程序-掃一掃 wx.scanCode() 掃碼大變身
這篇文章主要介紹了微信小程序-掃一掃wx.scanCode() 掃碼大變身,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04js輸出數(shù)據(jù)精確到小數(shù)點后n位代碼
要保留小數(shù)點后N位的問題,經(jīng)過一番思索,終于解決了,這篇文章主要介紹了js輸出數(shù)據(jù)精確到小數(shù)點后n位代碼,感興趣的朋友可以參考一下2016-07-07javascript實現(xiàn)在網(wǎng)頁中運行本地程序的方法
這篇文章主要介紹了javascript實現(xiàn)在網(wǎng)頁中運行本地程序的方法,實例分析了JavaScript基于ActiveXObject運行本地程序的技巧,需要的朋友可以參考下2016-02-02