↓ 跳过正文

Javascript实现类似java中的Map功能

正能量 3 分钟阅读 更新于 2026-10-18

解释 JavaScript 旧版自定义 Map 的接口设计,并补充与原生 Map 对照时的检查点。

Java 编程:原站配图。
/*
 * HashMap对象,实现HashMap功能
 *
 * 接口:
 * size()     获取HashMap元素个数
 * isEmpty()    判断HashMap是否为空
 * clear()     删除HashMap所有元素
 * put(key, value)   向HashMap中增加元素(key, value) 
 * remove(key)    删除指定KEY的元素,成功返回True,失败返回False
 * get(key)    获取指定KEY的元素值VALUE,失败返回NULL
 * element(index)   获取指定索引的元素(使用element.key,element.value获取KEY和VALUE),失败返回NULL
 * containsKey(key)  判断HashMap中是否含有指定KEY的元素
 * containsValue(value) 判断HashMap中是否含有指定VALUE的元素
 * values()    获取HashMap中所有VALUE的数组(ARRAY)
 * keys()     获取HashMap中所有KEY的数组(ARRAY)
 *
 * 例子:
 * var map = new HashMap();
 *
 * map.put("key", "value");
 * var val = map.get("key")
 * ……
 *
 */
function HashMap() {
    this.elements = new Array();
  
    //获取HashMap元素个数
    this.size = function() {
        return this.elements.length;
    }
  
    //判断HashMap是否为空
    this.isEmpty = function() {
        return (this.elements.length < 1);
    }
  
    //删除HashMap所有元素
    this.clear = function() {
        this.elements = new Array();
    }
  
    //向HashMap中增加元素(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];
    }
  
    //判断HashMap中是否含有指定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;
    }
  
    //判断HashMap中是否含有指定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;
    }
  
    //获取HashMap中所有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;
    }
  
    //获取HashMap中所有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;
    }
}

补充阅读
#

解释 JavaScript 旧版自定义 Map 的接口设计,并补充与原生 Map 对照时的检查点。

如何理解与使用
#

原代码围绕键值存取、删除、枚举和数量等操作封装对象,阅读时先确认重复键覆盖与不存在键的返回约定。

验证与边界
#

移植前测试键类型、继承属性、迭代顺序及特殊字符串。当前 JavaScript 已有原生 Map,但替换旧实现时仍需核对业务依赖的行为差异。