DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JS Map 和 List 的簡單實現代碼
JS Map 和 List 的簡單實現代碼
編輯:關於JavaScript     
本篇文章是對在JS中Map和List的簡單實現代碼進行了詳細的分析介紹,需要的朋友參考下   復制代碼 代碼如下:
/*
 * MAP對象,實現MAP功能
 *
 * 接口:
 * size()     獲取MAP元素個數
 * isEmpty()    判斷MAP是否為空
 * clear()     刪除MAP所有元素
 * put(key, value)   向MAP中增加元素(key, value)
 * remove(key)    刪除指定KEY的元素,成功返回True,失敗返回False
 * get(key)    獲取指定KEY的元素值VALUE,失敗返回NULL
 * element(index)   獲取指定索引的元素(使用element.key,element.value獲取KEY和VALUE),失敗返回NULL
 * containsKey(key)  判斷MAP中是否含有指定KEY的元素
 * containsValue(value) 判斷MAP中是否含有指定VALUE的元素
 * values()    獲取MAP中所有VALUE的數組(ARRAY)
 * keys()     獲取MAP中所有KEY的數組(ARRAY)
 *
 * 例子:
 * var map = new Map();
 *
 * map.put("key", "value");
 * var val = map.get("key")
 * ……
 *
 */
function Map() {
    this.elements = new Array();
    //獲取MAP元素個數
    this.size = function() {
        return this.elements.length;
    };
    //判斷MAP是否為空
    this.isEmpty = function() {
        return (this.elements.length < 1);
    };
    //刪除MAP所有元素
    this.clear = function() {
        this.elements = new Array();
    };
    //向MAP中增加元素(key, value)
    this.put = function(_key, _value) {
        this.elements.push( {
            key : _key,
            value : _value
        });
    };
    //刪除指定KEY的元素,成功返回True,失敗返回False
    this.remove = function(_key) {
        var bln = false;
        try {
            for (i = 0; i < this.elements.length; i++) {
                if (this.elements[i].key == _key) {
                    this.elements.splice(i, 1);
                    return true;
                }
            }
        } catch (e) {
            bln = false;
        }
        return bln;
    };
    //獲取指定KEY的元素值VALUE,失敗返回NULL
    this.get = function(_key) {
        try {
            for (i = 0; i < this.elements.length; i++) {
                if (this.elements[i].key == _key) {
                    return this.elements[i].value;
                }
            }
        } catch (e) {
            return null;
        }
    };
    //獲取指定索引的元素(使用element.key,element.value獲取KEY和VALUE),失敗返回NULL
    this.element = function(_index) {
        if (_index < 0 || _index >= this.elements.length) {
            return null;
        }
        return this.elements[_index];
    };
    //判斷MAP中是否含有指定KEY的元素
    this.containsKey = function(_key) {
        var bln = false;
        try {
            for (i = 0; i < this.elements.length; i++) {
                if (this.elements[i].key == _key) {
                    bln = true;
                }
            }
        } catch (e) {
            bln = false;
        }
        return bln;
    };
    //判斷MAP中是否含有指定VALUE的元素
    this.containsValue = function(_value) {
        var bln = false;
        try {
            for (i = 0; i < this.elements.length; i++) {
                if (this.elements[i].value == _value) {
                    bln = true;
                }
            }
        } catch (e) {
            bln = false;
        }
        return bln;
    };
    //獲取MAP中所有VALUE的數組(ARRAY)
    this.values = function() {
        var arr = new Array();
        for (i = 0; i < this.elements.length; i++) {
            arr.push(this.elements[i].value);
        }
        return arr;
    };
    //獲取MAP中所有KEY的數組(ARRAY)
    this.keys = function() {
        var arr = new Array();
        for (i = 0; i < this.elements.length; i++) {
            arr.push(this.elements[i].key);
        }
        return arr;
    };
}

 

復制代碼 代碼如下:
/**
 * js實現list
 *
 */
function List() {
    this.value = [];
    /* 添加 */
    this.add = function(obj) {
        return this.value.push(obj);
    };
    /* 大小 */
    this.size = function() {
        return this.value.length;
    };
    /* 返回指定索引的值 */
    this.get = function(index) {
        return this.value[index];
    };
    /* 刪除指定索引的值 */
    this.remove = function(index) {
        this.value.splice(index,1);
        return this.value;
    };
    /* 刪除全部值 */
    this.removeAll = function() {
        return this.value = [];
    };
    /* 是否包含某個對象 */
    this.constains = function(obj) {
        for ( var i in this.value) {
            if (obj == this.value[i]) {
                return true;
            } else {
                continue;
            }
        }
        return false;
    };

    /* 是否包含某個對象 */
    this.getAll = function() {
        var allInfos = '';
        for ( var i in this.value) {
            if(i != (value.length-1)){
                allInfos += this.value[i]+",";
            }else{
                allInfos += this.value[i];
            }
        }
        alert(allInfos);
        return allInfos += this.value[i]+",";;
    };

}
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved