JavaScript中的键值对数组Map对象的使用总结

淡淡的烟草味﹌ 2024-04-08 09:33 48阅读 0赞

#### **1.介绍** ####

**定义  
键/值对的集合。**

\*\*语法  
mapObj = new Map()

备注  
集合中的键和值可以是任何类型。如果使用现有密钥向集合添加值，则新值会替换旧值。\*\*

**属性  
下表列出了 Map 对象的属性和描述。**

\*\*构造函数  
指定创建映射的函数。  
Prototype — 原型  
为映射返回对原型的引用。  
size  
返回映射中的元素数。

方法  
下表列出了 Map 对象的方法和描述。\*\*

**clear  
从映射中移除所有元素。  
delete  
从映射中移除指定的元素。  
forEach  
对映射中的每个元素执行指定操作。  
get  
返回映射中的指定元素。  
has  
如果映射包含指定元素，则返回 true。  
set  
添加一个新建元素到映射。  
toString  
返回映射的字符串表示形式。  
valueOf  
返回指定对象的原始值。**

**下面的示例演示如何将成员添加到 Map，然后检索它们。**

**var m = new Map();  
m.set(1, “black”);  
m.set(2, “red”);  
m.set(“colors”, 2);  
m.set(\{x:1\}, 3);**

**m.forEach(function (item, key, mapObj) \{  
document.write(item.toString() + “  
”);  
\});**

**document.write(“  
”);  
document.write(m.get(2));**

**参考：https://blog.csdn.net/greenlight\_74110/article/details/77894997**

#### 2. 创建 ####

/*  
     * 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) {   
            varbln = 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;   
        }   
    }   
     
      var map = new Map();  
       
      map.put("key1", "value1");  
      map.put("key2", "value2");  
      map.put("key3", "value3");  
     
      
      //var val = map.get("key1");
    //	var val = map.containsKey("key1");
    //	var val = map.element(2).value;
     
        var arr=map.keys();
    	for(var i=0;i<arr.length;i++){
    		alert(map.get(arr[i]));
    	}
    //  alert(val);