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


    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
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
    • 31
    • 32
    • 33
    • 34
    • 35
    • 36
    • 37
    • 38
    • 39
    • 40
    • 41
    • 42
    • 43
    • 44
    • 45
    • 46
    • 47
    • 48
    • 49
    • 50
    • 51
    • 52
    • 53
    • 54
    • 55
    • 56
    • 57
    • 58
    • 59
    • 60
    • 61
    • 62
    • 63
    • 64
    • 65
    • 66
    • 67
    • 68
    • 69
    • 70
    • 71
    • 72
    • 73
    • 74
    • 75
    • 76
    • 77
    • 78
    • 79
    • 80
    • 81
    • 82
    • 83
    • 84
    • 85
    • 86
    • 87
    • 88
    • 89
    • 90
    • 91
    • 92
    • 93
    • 94
    • 95
    • 96
    • 97
    • 98
    • 99
    • 100
    • 101
    • 102
    • 103
    • 104
    • 105
    • 106
    • 107
    • 108
    • 109
    • 110
    • 111
    • 112
    • 113
    • 114
    • 115
    • 116
    • 117
    • 118
    • 119
    • 120
    • 121
    • 122
    • 123
    • 124
    • 125
    • 126
    • 127
    • 128
    • 129
    • 130
    • 131
    • 132
    • 133
    • 134
    • 135
    • 136
    • 137
    • 138
    • 139
    • 140
    • 141
    • 142
    • 143
    • 144
    • 145
    • 146
    • 147
    • 148
    • 149
    • 150
    • 151
    • 152
  • 相关阅读:
    Python 处理 PDF 的神器 -- PyMuPDF
    Hackthebox系列 Starting point Tier0 Meow记录
    一次磁盘占用率 100% 的排查记录
    Java 7 生命周期结束
    数商云SRM系统询比价有何优势?供应商平台助力汽车零部件企业快速查找供应商
    记一次线上Redis内存占用过高、大Key问题的排查
    想打印k8s资源YAML结果搞懂了Client-Side & Server-Side Apply
    准确-K8s系列文章-修改containerd 默认数据目录
    thinkphp6
    IOS上传AppStore
  • 原文地址:https://blog.csdn.net/m0_67402970/article/details/126391409