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):
- 設(shè)置優(yōu)先級(jí)哎迄,然后在正確的位置添加元素;
- 用入列操作添加元素隆圆,然后按照優(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)鸟赫!