1. 程式人生 > >學習Javascript數據結構與算法(第2版)筆記(3)

學習Javascript數據結構與算法(第2版)筆記(3)

清空 tac math bcd lse += 基本類型 In 所有

第 3 章

1. 棧數據結構

棧是一種遵從後進先出(LIFO)原則的有序集合。新添加的或待刪除的元素都保存在棧的同一端,稱作棧頂,另一端就叫棧底。在棧裏,新元素都靠近棧頂,舊元素都接近棧底。

1.1 棧的操作

為棧聲明一些方法:

  • push(element(s)):添加一個(或幾個)新元素到棧頂。
  • pop() :移除棧頂的元素,同時返回被移除的元素。
  • peek() :返回棧頂的元素,不對棧做任何修改(這個方法不會移除棧頂的元素,僅僅返回它)。
  • isEmpty() :如果棧裏沒有任何元素就返回 true ,否則返回 false 。
  • clear() :移除棧裏的所有元素。
  • size() :返回棧裏的元素個數。這個方法和數組的 length 屬性很類似。
//創建一個類來表示棧
function Stack(){
    //各種屬性和方法的聲明
    let 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 = function(){
        console.log(items.toString());
    };
}

var stack = new Stack();
console.log(stack.isEmpty());//true
stack.push(1);
stack.push(2);
console.log(stack.peek());//2
stack.push(5);
console.log(stack.size());//3
console.log(stack.isEmpty());//false
stack.push(8);
stack.pop();
stack.pop();
console.log(stack.size());//2
stack.print();//1,2
2. ECMAScript 6 和 Stack 類
2.1 用 ES6 語法聲明 Stack 類
class Stack{
    constructor(){
        this.items = [];
    }
    push(element){
        this.items.push(element);
    }
}

創建私有屬性:
1、 用ES6的限定作用域 Symbol 實現類

ES6新增了一種叫作 Symbol 的基本類型,它是不可變的,可以用作對象的屬性。
let _items = Symbol();

class Stack{
    constructor(){
        this[_items] = [];
    }
    //Stack方法
}

這種方法創建了一個假的私有屬性,因為ES6新增的 Object.getOwnPropertySymbols 方法能夠取到類裏面聲明的所有 Symbols 屬性。

let stack = new Stack();
stack.push(1);
stack.push(2);
let objSymbols = Object.getOwnPropertySymbols(stack);
console.log(objSymbols.length);//1
console.log(objSymbols);//[Symbol()]
console.log(objSymbols[0]);//Symbol()
stack[objSymbols[0]].push(5);
stack.print();//1,2,5

2、 用ES6的 WeakMap 實現類

let Stack = (function(){
    const items = new WeakMap();
    class Stack{
        constructor(){
            items.set(this,[]);
        }
        push(element){
            let s = items.get(this);
            s.push(element);
        }
        pop(){
            let s = items.get(this);
            let r = s.pop();
            return r;
        }
        //其他方法
    }
    return Stack;
})();
從十進制到二進制
function divideBy2(decNum){
    var remStack = new Stack(),
    rem,
    binaryStr = ‘‘;
    while(decNum>0){
        rem = Math.floor(decNum%2);
        remStack.push(rem);
        decNum = Math.floor((decNum/2);
    }
    while(!remStack.isEmpty()){
        binaryStr += remStack.pop().toString();
    }
    return binaryStr;
}

進制轉換算法

function divideBy2(decNum,base){
    var remStack = new Stack(),
    rem,
    binaryStr = ‘‘,
    digits = ‘0123456789ABCDE‘;
    while(decNum > 0){
        rem = Math.floor(decNum % base);
        remStack.push(rem);
        decNum = Math.floor((decNum / base);
    }
    while(!remStack.isEmpty()){
        binaryStr += digits[remStack.pop()];
    }
    return binaryStr;
}

學習Javascript數據結構與算法(第2版)筆記(3)