亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

一文讓你快速了解JavaScript棧

 更新時間:2022年07月13日 14:22:57   作者:??一碗周?  
這篇文章主要介紹了一文讓你快速了解JavaScript棧,棧全稱為堆棧,是一種先進后出的的數(shù)據(jù)結(jié)構(gòu),棧中只有兩種基本操作,也就是插入和刪除,也就是入棧和出棧操作,棧只有一端可以進行入棧和出棧操作,我們將其稱為棧頂,另一端稱其為棧底

前言

前面兩篇文章介紹了數(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)文章

  • JS中Iframe之間傳值的方法

    JS中Iframe之間傳值的方法

    在js中,我們時常用到用iframe做系統(tǒng)框架,在子頁面也,父頁面之間的值傳遞是一個問題,下面是js獲取父窗體和子窗體的對象js:
    2013-03-03
  • js獲取指定字符前/后的字符串簡單實例

    js獲取指定字符前/后的字符串簡單實例

    下面小編就為大家?guī)硪黄猨s獲取指定字符前/后的字符串簡單實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-10-10
  • 在HTML中嵌入JS代碼的3種方式總結(jié)

    在HTML中嵌入JS代碼的3種方式總結(jié)

    現(xiàn)在的前端JavaScript可以說是異常火爆,即使并不準(zhǔn)備向前端發(fā)展,但是對前端的一些基礎(chǔ)知識還是必須有所了解的,先這篇文章主要給大家介紹了關(guān)于在HTML中嵌入JS代碼的3種方式,需要的朋友可以參考下
    2022-11-11
  • [JS源碼]超長文章自動分頁(客戶端版)

    [JS源碼]超長文章自動分頁(客戶端版)

    [JS源碼]超長文章自動分頁(客戶端版)...
    2007-01-01
  • js中substring使用示例詳解

    js中substring使用示例詳解

    substring是從中截取一段字符串,在組成一個新的字符串,這篇文章主要介紹了js中substring使用示例小結(jié),本文通過示例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下
    2024-01-01
  • 詳解微信小程序-掃一掃 wx.scanCode() 掃碼大變身

    詳解微信小程序-掃一掃 wx.scanCode() 掃碼大變身

    這篇文章主要介紹了微信小程序-掃一掃wx.scanCode() 掃碼大變身,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-04-04
  • 如何在微信小程序中使用less詳解(最優(yōu)方式)

    如何在微信小程序中使用less詳解(最優(yōu)方式)

    這篇文章主要給大家介紹了關(guān)于如何在微信小程序中使用less(最優(yōu)方式)的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2021-03-03
  • JavaScript中子對象訪問父對象的方式詳解

    JavaScript中子對象訪問父對象的方式詳解

    js中雖然沒有傳統(tǒng)面向?qū)ο蟮木幊陶Z言里子類訪問父類的特殊語法,但是我們可以根據(jù)需要造一個,接下來本文給大家分享在JavaScript中子對象訪問父對象的方式,需要的朋友可以參考下
    2016-09-09
  • js輸出數(shù)據(jù)精確到小數(shù)點后n位代碼

    js輸出數(shù)據(jù)精確到小數(shù)點后n位代碼

    要保留小數(shù)點后N位的問題,經(jīng)過一番思索,終于解決了,這篇文章主要介紹了js輸出數(shù)據(jù)精確到小數(shù)點后n位代碼,感興趣的朋友可以參考一下
    2016-07-07
  • javascript實現(xiàn)在網(wǎng)頁中運行本地程序的方法

    javascript實現(xiàn)在網(wǎng)頁中運行本地程序的方法

    這篇文章主要介紹了javascript實現(xiàn)在網(wǎng)頁中運行本地程序的方法,實例分析了JavaScript基于ActiveXObject運行本地程序的技巧,需要的朋友可以參考下
    2016-02-02

最新評論