JavaScript數(shù)據(jù)結(jié)構(gòu)之?dāng)?shù)組棧隊(duì)列

1. 數(shù)組

數(shù)組是平時(shí)使用最常用的數(shù)據(jù)結(jié)構(gòu)拍谐,在JavaScript中數(shù)組是動(dòng)態(tài)的分配大小,在這里我不會(huì)介紹JavaScript里面數(shù)組的所有的方法氮唯,而是針對(duì)數(shù)據(jù)結(jié)構(gòu)這個(gè)方向談?wù)勊玫降姆椒ā?/p>

1.1 創(chuàng)建和初始化數(shù)組

//創(chuàng)建空數(shù)組
var array = new Array();
//[]

//初始化數(shù)組
var array = new Array(1,2,3); 
var array = Array.of(1,2,3);//ES6的方法
//[1,2,3]

//創(chuàng)建大小為5的數(shù)組
var array = new Array();//ES6的方法
//[undefined,undefined,undefined,undefined,undefined]

//給數(shù)組賦值
var array = new Array();
array[0] = 1 ;
array[1] = 2 ;
array[2] = 3 ;
//[1,2,3]

1.2 添加元素

1.2.1往數(shù)組后添加元素

var number = [1,2,3];
number[number.length] = 4;
//[1,2,3,4]

//或者
var number = [1,2,3];
number.push(4);
//[1,2,3,4]

1.2.2往數(shù)組前面添加元素

var number = [1,2,3];
number.unshift(0);
//[0,1,2,3]
number.unshift(-2,-1);
//[-2,-1,0,1,2,3]

1.2.3往數(shù)組的任意位置插入元素

運(yùn)用splice方法

//在索引1后面添加2玖详,3东揣,4
var number = [1,5,6];
number.splice(1,0,2,3,4);
//[1,2,3,4,5,6]

1.3 刪除元素

1.3.1 刪除第一位

var number = [1,2,3];
number.shift();
//[2,3]

1.3.2 刪除任意位置

使用splice方法刪除數(shù)組任意位置的元素

var numebr = [1,2,3,4,5,6];
//如果想刪除元素3
number.splice(2,1);
//[1,2,4,5,6]

//如果想刪除元素4眼俊,5
number.splice(3,2);

1.4 排序

1.4.1 反序

var number = [3,2,1];
number.reverse();
//[1,2,3]

1.4.2 自然排序

var numebr = [2,3,4,1,3,7];
number.sort();
//[1,2,3,3,4,7]

1.4.3 自定義排序

這個(gè)自定義排序跟java里面實(shí)現(xiàn)comparator接口一個(gè)意思揽咕。用處可大了悲酷。

var number = [4,5,6,7,1,2,3,8,9,10,11,12,13];
number.sort();
//[1, 10, 11, 12, 13, 2, 3, 4, 5, 6, 7, 8, 9]

仿佛看起有點(diǎn)不對(duì)啊,我們應(yīng)該想要的是
[1,2,3,4,5,6,7,8,9,10,11,12,13],這個(gè)時(shí)候我們就用自定義排序來(lái)解決這個(gè)問(wèn)題

var number = [4,5,6,7,1,2,3,8,9,10,11,12,13];

function compare(a,b){
    if(a < b){
        return -1;
    }
    if(a > b){
        return 1;
    }
    
    return 0;
}

number.sort(compare);
//[1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13]

這還只是最簡(jiǎn)單的亲善,也可以對(duì)任何對(duì)象類(lèi)型進(jìn)行數(shù)組排序设易。例如,對(duì)象Person有名字和年齡屬性蛹头,我們希望根據(jù)年齡排序

var friends = [{name:'李晨',age:40},{name:'范冰冰',age:35}];

function comparePerson(a,b){
    if(a.age < b.age){
        return  -1;
    }
    if(a.age > b.age){
        return 1;
    }
    return 0;
}

friends.sort(comparePerson);
//[{name:'范冰冰',age:35},{name:'李晨',age:40}]

1.5 搜索

搜索有兩個(gè)方法:indexOf方法返回與參數(shù)匹配的第一個(gè)元素的索引顿肺,lastIndexOf返回與參數(shù)匹配的最后一個(gè)元素的索引。

var number = [1,3,4,3,56,6,7,4];
number.indexOf(3);//1
number.lastIndexOf(3)//3

2. 棧

棧是一種遵循后進(jìn)先出(LIFO)原則的有序集合渣蜗。新添加的或待刪除的元素都保存在棧的末尾屠尊,稱作棧頂,另一端就叫棧底耕拷。在棧里讼昆,新元素都靠近棧頂,舊元素都接近棧底骚烧。在JavaScript中變量保存和函數(shù)調(diào)用都是用棧存儲(chǔ)的浸赫。

首先創(chuàng)建一個(gè)類(lèi)來(lái)表示一個(gè)棧闰围,需要一種數(shù)據(jù)結(jié)構(gòu)來(lái)保存棧里的元素。這里我們就選擇剛學(xué)的數(shù)組:var items = [];
接下來(lái)既峡,為我們的棧聲明一些方法:

  • push(elements(s)):添加一個(gè)(或幾個(gè))新元素到棧頂
  • pop():移除棧頂?shù)脑叵哿瘢瑫r(shí)返回被移除的元素
  • peek():獲取棧頂?shù)脑兀粚?duì)棧做出任何修改
  • isEmpty():如果棧里沒(méi)有任何元素就返回true,否則返回false涧狮;
  • clear():清空棧
  • size():返回棧元素的個(gè)數(shù)

如果上一節(jié)數(shù)組認(rèn)真看了炕矮,我相信用JavaScript實(shí)現(xiàn)一個(gè)棧是非常簡(jiǎn)單的。在這里就直接來(lái)代碼了者冤,不用一個(gè)方法一個(gè)方法去解釋了。

function Stack(){
    var items = [];
    
    this.push = function(element){
        items.push(element);
    }
    
    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 = funciton(){
        console.log(items.toString());
    }
}

3. 隊(duì)列

隊(duì)列是遵循先來(lái)先服務(wù)(FIFO)原則的一組有序的項(xiàng)档痪。隊(duì)列在尾部添加新元素涉枫,并從頂部移除元素。最新添加的元素排在隊(duì)列的末尾腐螟。

在現(xiàn)實(shí)生活中常見(jiàn)的例子就是排隊(duì)愿汰。
在計(jì)算機(jī)科學(xué)中,一個(gè)常見(jiàn)的例子就是打印隊(duì)列乐纸,先點(diǎn)擊打印的文檔會(huì)被先打印衬廷。

3.1 創(chuàng)建隊(duì)列

同樣先創(chuàng)建一個(gè)類(lèi)來(lái)表示一個(gè)隊(duì)列。需要用到的數(shù)據(jù)結(jié)構(gòu)同樣是數(shù)組var items = [];
聲明可用的方法:

  • enqueue(element(s)):向隊(duì)尾添加一個(gè)(或多個(gè))新的項(xiàng)
  • dequeue():移除隊(duì)列的第一(即排在隊(duì)列最前面的)項(xiàng)汽绢,并返回被移除的元素吗跋。
  • front():返回隊(duì)列中第一個(gè)元素
  • isEmpty():如果隊(duì)列中不包含元素返回true,否則返回false
  • size():返回隊(duì)列包含元素的個(gè)數(shù)

完整的Queue類(lèi)

function Queue(){
    var items = [];
    
    this.enqueue = function(element){
        items.push(element);
    }
    
    this.dequeue = function(){
        return items.shift();
    }
    
    this.front = function(){
        return items[0];
    }
    
    this.isEmpty = function(){
        return items.length === 0;
    }
    
    this.clear = function(){
        items = [];
    }
    
    this.size = funciton(){
        return items.length;
    }
    
    this.print = function(){
        console.log(items.toString());
    }
}

3.2 優(yōu)先隊(duì)列

在優(yōu)先隊(duì)列中宁昭,元素被賦予優(yōu)先級(jí)跌宛。當(dāng)訪問(wèn)元素的時(shí),具有最高優(yōu)先級(jí)的元素先刪除积仗。優(yōu)先隊(duì)列具有最高進(jìn)先出的行為特征疆拘。例如:醫(yī)院的急救室為病人賦予優(yōu)先級(jí)(這個(gè)優(yōu)先級(jí)可以指病情嚴(yán)重的成程度),具有最高優(yōu)先級(jí)的病人最先得到治療寂曹。

實(shí)現(xiàn)一個(gè)優(yōu)先隊(duì)列有兩種選項(xiàng):

  1. 設(shè)置優(yōu)先級(jí)哎迄,然后在正確的位置添加元素;
  2. 用入列操作添加元素隆圆,然后按照優(yōu)先級(jí)移除它們漱挚。

我們這里采用第一種。

function PriorityQueue(){
    var items = [];
    
    funciton QueueElement(element,priority){
        this.element = element;
        this.priority = priority;
    }
    
    function comparePriority(a,b){
        if(a.priority > b.priority){
            return 1;
        }
        
         if(a.priority < b.priority){
            return -1;
        }
        
        return 0;
    }
    
    this.enqueue = funciton(element,priority){
        var queueElement = new QueueElement(element,priority);
        
        items.push(queueElement);
        
        items.sort(comparePriority);
    }
    
    //其它方法和默認(rèn)的Queue實(shí)現(xiàn)相同
}

當(dāng)然匾灶,這個(gè)enqueue的實(shí)現(xiàn)方法很多種棱烂,我這效率不是最高的,但是容易理解阶女。將插入的元素根據(jù)優(yōu)先級(jí)排個(gè)序颊糜,那么先出去的就是優(yōu)先級(jí)最高的了哩治。

這幾個(gè)數(shù)據(jù)結(jié)構(gòu)比較簡(jiǎn)單,所以我沒(méi)有舉例子衬鱼,下一次分享的是鏈表业筏,敬請(qǐng)期待!最后歡迎訪問(wèn)我的個(gè)人站點(diǎn)鸟赫!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末蒜胖,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子抛蚤,更是在濱河造成了極大的恐慌台谢,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,451評(píng)論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件岁经,死亡現(xiàn)場(chǎng)離奇詭異朋沮,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)缀壤,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,172評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門(mén)樊拓,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人塘慕,你說(shuō)我怎么就攤上這事筋夏。” “怎么了图呢?”我有些...
    開(kāi)封第一講書(shū)人閱讀 164,782評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵条篷,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我岳瞭,道長(zhǎng)拥娄,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,709評(píng)論 1 294
  • 正文 為了忘掉前任瞳筏,我火速辦了婚禮稚瘾,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘姚炕。我一直安慰自己摊欠,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,733評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布柱宦。 她就那樣靜靜地躺著些椒,像睡著了一般。 火紅的嫁衣襯著肌膚如雪掸刊。 梳的紋絲不亂的頭發(fā)上免糕,一...
    開(kāi)封第一講書(shū)人閱讀 51,578評(píng)論 1 305
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼石窑。 笑死牌芋,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的松逊。 我是一名探鬼主播躺屁,決...
    沈念sama閱讀 40,320評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼经宏!你這毒婦竟也來(lái)了犀暑?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 39,241評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤烁兰,失蹤者是張志新(化名)和其女友劉穎耐亏,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體沪斟,經(jīng)...
    沈念sama閱讀 45,686評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡苹熏,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,878評(píng)論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了币喧。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,992評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡袱耽,死狀恐怖杀餐,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情朱巨,我是刑警寧澤史翘,帶...
    沈念sama閱讀 35,715評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站冀续,受9級(jí)特大地震影響琼讽,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜洪唐,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,336評(píng)論 3 330
  • 文/蒙蒙 一钻蹬、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧凭需,春花似錦问欠、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,912評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至枯怖,卻和暖如春注整,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,040評(píng)論 1 270
  • 我被黑心中介騙來(lái)泰國(guó)打工肿轨, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留寿冕,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,173評(píng)論 3 370
  • 正文 我出身青樓萝招,卻偏偏與公主長(zhǎng)得像蚂斤,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子槐沼,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,947評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容

  • java筆記第一天 == 和 equals ==比較的比較的是兩個(gè)變量的值是否相等曙蒸,對(duì)于引用型變量表示的是兩個(gè)變量...
    jmychou閱讀 1,497評(píng)論 0 3
  • 1.棧 1.1.棧的定義 棧(stack)是限定僅在表尾(棧頂 top)進(jìn)行插入和刪除操作的后進(jìn)先出的線性表。 p...
    JonyFang閱讀 1,362評(píng)論 0 21
  • 1 序 2016年6月25日夜岗钩,帝都纽窟,天下著大雨,拖著行李箱和同學(xué)在校門(mén)口照了最后一張合照兼吓,搬離寢室打車(chē)去了提前租...
    RichardJieChen閱讀 5,105評(píng)論 0 12
  • 棧 棧的英文單詞是Stack,它代表一種特殊的線性表臂港,這種線性表只能在固定一端(通常認(rèn)為是線性表的尾端)進(jìn)行插入,...
    Jack921閱讀 1,501評(píng)論 0 5
  • 我天性不宜交際视搏。在多數(shù)場(chǎng)合审孽,我不是覺(jué)得對(duì)方乏味,就是害怕對(duì)方覺(jué)得我乏味浑娜∮恿Γ可是我既不愿忍受對(duì)方的乏味,也不愿費(fèi)...
    CM格兒閱讀 206評(píng)論 0 0