JavaScript 对象Array,Map,Set使用

for(int i = 0 ;i < 3 ;i++ ){ //【重点说三遍】
在说明每个对象的用法之前,首先说明 JavaScript 对象的使用一定要注意浏览器的兼容性问题!尤其是IE的版本!!!!
}

想查看具体的API请查询 JavaScript 对象 这里面有具体的API介绍!

Array,Map,Set使用细则参考上面的JavaScript 对象!下面主要说一下Map!

Map

JavaScript 的Map感觉不太好用,API也少,网上也有很多类似Map的实现,实现的方式和JAVA的MAP相似!这里就贴一个自己项目在用的封装的Map对象!

/*
 * MAP对象,实现MAP功能
 *
 * 接口:
 * size()                获取MAP元素个数
 * isEmpty()             判断MAP是否为空
 * clear()               删除MAP所有元素
 * put(key, value)       向MAP中增加元素(key, value),如果元素key存在,删除掉再添加元素(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),如果元素key存在,删除掉再添加元素(key, value)
    this.put = function(_key, _value) {
        var isKey = this.containsKey(_key);
        if(isKey == true)
        {
            this.remove(_key);
        }
        
        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遍历集合(Array,Map,Set)
http://www.jb51.net/article/110487.htm


**如果您觉得这篇博文对你有帮助,请点个赞,谢谢!** **如果帅气(美丽)、睿智(聪颖),和我一样简单善良的你看到本篇博文中存在问题,请指出,我虚心接受你让我成长的批评,谢谢阅读!
祝你今天开心愉快!**

欢迎访问我的csdn博客,我们一同成长!

"不管做什么,只要坚持下去就会看到不一样!在路上,不卑不亢!"

博客首页http://blog.csdn.net/u010648555

posted @ 2018-01-19 21:59  阿飞云漫步  阅读(1052)  评论(0编辑  收藏  举报