JavaScript數(shù)組的棧方法與隊(duì)列方法詳解
數(shù)組(Array)和對(duì)象(Object)應(yīng)該是JavaScript中使用最多也是最頻繁的兩種類(lèi)型了,Array提供了很多常用的方法:棧方法、隊(duì)列方法、重排序方法、操作方法、位置方法、迭代方法等等。
1、Array的棧方法
棧是一種LIFO(Last-In-First-Out,后進(jìn)先出)的數(shù)據(jù)結(jié)構(gòu),也就是最新添加的項(xiàng)最早被移除。棧中項(xiàng)的插入(push)和移除,只發(fā)生在一個(gè)位置——棧的頂部。ECMAScript為數(shù)組提供了push()和pop()方法,可以實(shí)現(xiàn)類(lèi)似棧的行為。下面兩圖分別演示了入棧與出棧操作。

push()方法可以接收任意數(shù)據(jù)的參數(shù),把它們逐個(gè)添加到數(shù)組末尾,并返回修改后的數(shù)組長(zhǎng)度。pop()方法從數(shù)組末尾移除最后一項(xiàng),減少數(shù)組的length值
var students = [];
students.push("bluce","jordan","marlon","kobe");//入棧4項(xiàng)
alert(students.length); //4
alert(students[0]); //"bluce",第一項(xiàng)在棧的底部
alert(students[1]); //"jordan"
students.push("paul");
alert(students.length); //5
var item = students.pop(); //"paul"
alert(students.length); //4
2、Array的隊(duì)列方法
棧數(shù)據(jù)結(jié)構(gòu)的訪問(wèn)規(guī)則是LIFO(后進(jìn)先出),而隊(duì)列數(shù)據(jù)結(jié)構(gòu)的訪問(wèn)規(guī)則是FIFO(First-In-First-Out,先進(jìn)先出)。隊(duì)列在列表的末端添加項(xiàng),從列表的前端移除項(xiàng)。push()方法是向數(shù)組末端添加項(xiàng)的方法,因此要模擬隊(duì)列只需一個(gè)從數(shù)組前端取得項(xiàng)的方法——shift(),其能夠移除數(shù)組中的第一個(gè)項(xiàng)并返回該項(xiàng),同時(shí)數(shù)組的length-1。結(jié)合使用shift()和push()方法,可以像使用隊(duì)列一樣使用數(shù)組。

var students = [];
students.push("bluce","jordan","marlon","kobe");//入隊(duì)4項(xiàng)
//students=["bluce","jordan","marlon","kobe"];
alert(students.length); //4
alert(students[0]); //"bluce",第一項(xiàng)在棧的底部
alert(students[1]); //"jordan"
students.push("paul");
alert(students.length); //5
//students=["bluce","jordan","marlon","kobe","paul"];
var item = students.shift(); //"bluce"
alert(students.length); //4
//students=["jordan","marlon","kobe","paul"];
此外,ECMAScript還提供了unshift()方法,它能在數(shù)組前端添加任意個(gè)項(xiàng)并返回新數(shù)組的長(zhǎng)度。因此,結(jié)合使用unshift()和pop()方法,可以從相反的方向來(lái)模擬隊(duì)列,即在數(shù)組的前端添加項(xiàng),從數(shù)組末端移除項(xiàng)
- 深入JavaScript高級(jí)程序設(shè)計(jì)之對(duì)象、數(shù)組(棧方法,隊(duì)列方法,重排序方法,迭代方法)
- JavaScript數(shù)據(jù)結(jié)構(gòu)與算法之棧與隊(duì)列
- JS實(shí)現(xiàn)隊(duì)列與堆棧的方法
- JavaScript數(shù)組實(shí)現(xiàn)數(shù)據(jù)結(jié)構(gòu)中的隊(duì)列與堆棧
- JavaScript數(shù)據(jù)結(jié)構(gòu)學(xué)習(xí)之?dāng)?shù)組、棧與隊(duì)列
- JS實(shí)現(xiàn)利用兩個(gè)隊(duì)列表示一個(gè)棧的方法
- JavaScript棧和隊(duì)列相關(guān)操作與實(shí)現(xiàn)方法詳解
- JavaScript基于數(shù)組實(shí)現(xiàn)的棧與隊(duì)列操作示例
- 如何使用JavaScript實(shí)現(xiàn)棧與隊(duì)列
- JavaScript中棧和隊(duì)列應(yīng)用詳情
相關(guān)文章
深入理解JavaScript系列(6) 強(qiáng)大的原型和原型鏈
JavaScript 不包含傳統(tǒng)的類(lèi)繼承模型,而是使用 prototypal 原型模型2012-01-01
使用JavaScript開(kāi)發(fā)IE瀏覽器本地插件實(shí)例
這篇文章主要介紹了使用JavaScript開(kāi)發(fā)IE瀏覽器本地插件實(shí)例,本文講解使用JS+注冊(cè)表的方式開(kāi)發(fā)一個(gè)IE瀏覽器本地插件,需要的朋友可以參考下2015-02-02
JavaScript async/await原理及實(shí)例解析
這篇文章主要介紹了JavaScript async/await原理及實(shí)例解析,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-12-12
javascript 中按屬性值查找數(shù)組中的對(duì)象多種方法
JavaScript 數(shù)組可以保存混合類(lèi)型的不同值,例如字符串、空值或布爾值,并且不需要數(shù)組的大小來(lái)指定它在哪里自動(dòng)增長(zhǎng)和動(dòng)態(tài),這篇文章主要介紹了javascript 中按屬性值查找數(shù)組中的對(duì)象多種方法,需要的朋友可以參考下2023-06-06
js實(shí)現(xiàn)Element中input組件的部分功能并封裝成組件(實(shí)例代碼)
這篇文章主要介紹了純生js實(shí)現(xiàn)Element中input組件的部分功能(慢慢完善)并封裝成組件,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2021-03-03
簡(jiǎn)單實(shí)現(xiàn)bootstrap選項(xiàng)卡效果
這篇文章主要為大家詳細(xì)介紹了如何簡(jiǎn)單實(shí)現(xiàn)bootstrap選項(xiàng)卡效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-02-02

