學習起因
曾經有一次在逛V2EX時，碰到這麼一個帖子。
數學完全還給老師了，想學回一些基礎數學，大概是高中程度的，有什麼書籍推薦？
發帖的樓主大學沒有高數課程，出去工作時一直在從事前端的工作。感覺到數學知識的匮乏，所以想補一補數學。
看了看帖子，感覺和我很像，因為我的專業是不開高數的，我學的也是前端。也同樣感覺到了數學知識匮乏所帶來的困頓。同時因為自己的數學思維實在是不怎麼好，所以決定努力補習數學與計算機基礎知識。
當時也有人說:”前端需要什麼數據結構與算法”，但是對於這個事情我有自己的看法。
我並不認為前端不需要算法之類的知識，在我看來前端具備堅實的計算機基礎，對自身發展是極其有利的。我想做程序員。而不是一輩子的初級前端和碼農。
也算是給自己的勉勵吧。畢竟基礎決定上限，再加上自己對計算機真的很感興趣，所以學起來就算很累，但也是很幸福的。於是去網上選購了《學習JavaScript數據結構與算法》這本書，配合著去圖書館借閱的《大話數據結構》，開始了數據結構與算法的初步學習。
JavaScipt之數組操作
接下來就是數據結構的第一部分，棧。
棧是一種遵從後進先出原則(LIFO,全稱為Last In First Out)的有序集合。棧頂永遠是最新的元素。
舉個例子就是:棧就像放在箱子裡的一疊書 你要拿下面的書先要把上面的書拿開。(當然，你不能先拿下面的書。)
JavaScipt中棧的實現
首先，創建一個構造函數。
/**
* 棧的構造函數
*/
function Stack() {
// 用數組來模擬棧
var item = [];
}
棧需要有如下的方法:
push(element(s)): 添加幾個元素到棧頂
pop(): 移除並返回棧頂元素
peek(): 返回棧頂元素
isAmpty: 檢查棧是否為空，為空則返回true
clear: 移除棧中所有元素
size: 返回棧中元素個數。
print: 以字符串顯示棧中所有內容
push方法的實現
說明: 需要往棧中添加新元素，元素位置在隊列的末尾。也就是說，我們可以用數組的push方法來模擬實現。
實現:
/**
* 將元素送入棧，放置於數組的最後一位
* @param {Any} element 接受的元素，不限制類型
*/
this.push = function(element) {
items.push(element);
};
pop方法的實現
說明: 需要把棧頂元素彈出，同時返回被彈出的值。可以用數組的pop方法來模擬實現。
實現:
/**
* 彈出棧頂元素
* @return {Any} 返回被彈出的值
*/
this.pop = function() {
return items.pop();
};
peek方法的實現
說明: 查看棧頂元素，可以用數組長度來實現。
實現:
/**
* 查看棧頂元素
* @return {Any} 返回棧頂元素
*/
this.peek = function() {
return items[items.length - 1];
}
其余方法的實現
說明: 前三個是棧方法的核心，其余方法則在此一次性列出。因為下文要講的隊列，會與這部分有很大重合。
實現:
/**
* 確定棧是否為空
* @return {Boolean} 若棧為空則返回true,不為空則返回false
*/
this.isAmpty = function() {
return items.length === 0
};
/**
* 清空棧中所有內容
*/
this.clear = function() {
items = [];
};
/**
* 返回棧的長度
* @return {Number} 棧的長度
*/
this.size = function() {
return items.length;
};
/**
* 以字符串顯示棧中所有內容
*/
this.print = function() {
console.log(items.toString());
};
實際應用
棧的實際應用比較多，書中有個十進制轉二進制的函數。(不懂二進制怎麼算的話可以百度)下面是函數的源代碼。
原理就是輸入要轉換的數字，不斷的除以二並取整。並且最後運用while循環，將棧中所有數字拼接成字符串輸出。
/**
* 將10進制數字轉為2進制數字
* @param {Number} decNumber 要轉換的10進制數字
* @return {Number} 轉換後的2進制數字
*/
function divideBy2(decNumber) {
var remStack = new Stack(),
rem,
binaryString = '';
while (decNumber > 0) {
rem = Math.floor(decNumber % 2);
remStack.push(rem);
decNumber = Math.floor(decNumber / 2);
}
while (!remStack.isAmpty()) {
binaryString += remStack.pop().toString();
}
return binaryString;
};
到此而言，棧的學習就告一段落了。因為源代碼中注釋較多，所以這兒就不貼出源代碼的內容了。
隊列
隊列與棧是很相像的數據結構，不同之處在於隊列是是先進先出(FIFO:First In First Out)的。
舉個例子: 火車站排隊買票，先到的先買。(插隊的不算)，是不是很好理解了~
JavaScipt中隊列的實現
隊列的實現和棧很像。首先依然是構造函數:
/**
* 隊列構造函數
*/
function Queue() {
var items = [];
}
隊列需要有如下的方法:
enqueue(element(s)): 向隊列尾部添加幾個項
dequeue(): 移除隊列的第一項(也就是排在最前面的項)
front(): 返回隊列的第一個元素，也就是最新添加的那個
其余方法與隊列相同
enqueue方法的實現
說明: 向隊列尾部添加幾個項。
實現:
/**
* 將元素推入隊列尾部
* @param {Any} ele 要推入隊列的元素
*/
this.enqueue = function(ele) {
items.push(ele);
};
dequeue方法的實現
說明: 移除隊列的第一項。
實現:
/**
* 將隊列中第一個元素彈出
* @return {Any} 返回被彈出的元素
*/
this.dequeue = function() {
return items.shift()
};
front方法的實現
說明: 返回隊列的第一個元素，也就是最新添加的那個。
實現:
/**
* 查看隊列的第一個元素
* @return {Any} 返回隊列中第一個元素
*/
this.front = function() {
return items[0];
};
以上的三個方法，就是隊列這種數據結構的核心方法了。其實很好理解的。
實際應用
書上的是個擊鼓傳花的小游戲。原理就是循環到相應位置時，隊列彈出那個元素。最後留下的就是贏家。
源代碼如下:
/**
* 擊鼓傳花的小游戲
* @param {Array} nameList 參與人員列表
* @param {Number} num 在循環中要被彈出的位置
* @return {String} 返回贏家(也就是最後活下來的那個)
*/
function hotPotato(nameList, num) {
var queue = new Queue();
for (var i = 0; i < nameList.length; i++) {
queue.enqueue(nameList[i]);
}
var eliminated = '';
while (queue.size() > 1) {
for (var i = 0; i < num; i++) {
queue.enqueue(queue.dequeue());
}
eliminated = queue.dequeue();
console.log(eliminated + " Get out!")
}
return queue.dequeue()
}
隊列的學習到此就告一段落了。下一期將講述另外一種數據結構: 鏈表。
感想
很多時候看書，直接看算法導論或者一些數據結構的書，都是很迷糊的。後來才發現，看書從自己能看懂的開始，由淺入深才是適合自己的學習方式。