`

JS Map 简单实现。

    博客分类:
  • JS
 
阅读更多
/*
 * 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;
    };
}




======================================================
/**
002  * js Map 实现 
003  * @returns {Map}
004  */
005 function Map() {
006     this.keys = [];
007     this.data = {};
008   
009     /**
010      * 放入一个键值对
011      * @param {String} key
012      * @param {Object} value
013      */
014     this.put = function(key, value) {
015         if (this.data[key] == null) {
016             this.keys.push(key);
017         }
018         this.data[key] = value;
019     };
020   
021     /**
022      * 获取某键对应的值
023      * @param {String}  key
024      * @return {Object} value
025      */
026     this.get = function(key) {
027         return this.data[key];
028     };
029   
030     /**
031      * 是否包含该键
032      */
033     this.contain = function(key) {
034          
035         var value = this.data[key];
036         if (value)
037             return true;
038         else
039             return false;
040     };
041   
042     /**
043      * 删除一个键值对
044      * @param {String} key
045      */
046     this.remove = function(key) {
047         for(var index=0;index<this.keys.length;index++){
048             if(this.keys[index]==key){
049                 this.keys.splice(index,1);
050                 break;
051             }
052         }
053         //this.keys.remove(key);
054         this.data[key] = null;
055     };
056   
057     /**
058      * 遍历Map,执行处理函数
059      * @param {Function} 回调函数 function(key,value,index){..}
060      */
061     this.each = function(fn) {
062         if (typeof fn != 'function') {
063             return;
064         }
065         var len = this.keys.length;
066         for ( var i = 0; i < len; i++) {
067             var k = this.keys[i];
068             fn(k, this.data[k], i);
069         }
070     };
071   
072     /**
073      * 获取键值数组(类似Java的entrySet())
074      * @return 键值对象{key,value}的数组
075      */
076     this.entrys = function() {
077         var len = this.keys.length;
078         var entrys = new Array(len);
079         for ( var i = 0; i < len; i++) {
080             entrys[i] = {
081                 key : this.keys[i],
082                 value : this.data[i]
083             };
084         }
085         return entrys;
086     };
087   
088     /**
089      * 判断Map是否为空
090      */
091     this.isEmpty = function() {
092         return this.keys.length == 0;
093     };
094   
095     /**
096      * 获取键值对数量
097      */
098     this.size = function() {
099         return this.keys.length;
100     };
101   
102     /**
103      * 重写toString
104      */
105     this.toString = function() {
106         var s = "{";
107         for ( var i = 0; i < this.keys.length; i++, s += ',') {
108             var k = this.keys[i];
109             s += k + "=" + this.data[k];
110         }
111         s += "}";
112         return s;
113     };
114 }
分享到:
评论

相关推荐

    利用js实现Map

    本文将深入探讨`Map`对象的原理、特性以及如何通过JavaScript实现`Map`的相关功能,并通过实例进行演示。 ### 1. Map的基本用法 创建一个`Map`对象非常简单,可以通过传入一个数组的数组来初始化,每个内部数组...

    map的js实现

    这个简单的实现中,`Map`实例内部维护了一个数组`_data`,其中每个元素都是一个包含`key`和`value`的对象。`set`方法首先遍历数组,如果找到匹配的键,则更新对应的值;如果没有找到,就将新键值对添加到数组末尾。`...

    在JavaScript中实现map对象

    虽然ES6引入了内置的`Map`构造函数,但在本文中,我们将通过模拟的方式,利用JavaScript中的数组来实现一个简易版的Map对象。 #### 二、设计思路 我们的目标是创建一个名为`Map`的构造函数,该函数具备以下方法: -...

    js遍历map javaScript遍历map的简单实现

    标题中提到的“js遍历map javaScript遍历map的简单实现”指的是如何在JavaScript中简单实现对Map对象的遍历。在JavaScript中,Map对象是一种存储键值对的结构,类似于Object,但是主要区别在于Map允许任何类型的值...

    js代码-js -- 实现同步map函数

    在`main.js`文件中,可能包含了这个同步`map`函数的具体实现和使用示例。`README.txt`文件则可能包含了一些关于如何使用和理解这个功能的说明。如果你需要进一步的代码解释或示例,可以查看这两个文件的内容。

    js仿java的map对象

    在JavaScript中,尽管原生没有提供与Java完全相同的Map对象,但可以通过自定义对象或使用ES6提供的Map数据结构来实现类似的功能。本篇将详细探讨如何在JavaScript中模仿Java的Map对象,以及ES6 Map的数据结构和用法...

    用javaScript实现的map,经过测试,很好用

    本文将深入探讨如何使用JavaScript实现Map,以及它的特性和优势。 首先,创建一个Map对象非常简单,可以通过调用Map构造函数并传入可迭代对象(如数组)来初始化: ```javascript let map = new Map([[1, 'one'], ...

    Ext Google Map 简易开发框架

    Ext Google Map简易开发框架是一种将流行的JavaScript库ExtJs与Google Maps API相结合的开发方式,用于构建功能丰富的地理信息系统。这个框架允许开发者轻松地在网页上展示地图,管理地图图层,控制图层的可见性,...

    js实现地图上雷达探测效果

    本文将深入探讨如何使用JavaScript实现地图上的雷达探测效果,以及涉及的相关技术点。 首先,我们需要一个地图API来展示地图。在JavaScript中,常见的地图API有Google Maps API、Bing Maps API和高德地图API等。...

    JS实现的自定义map方法示例

    这个自定义`Map`方法虽然简单,但展示了如何在JavaScript中构建类似原生`Map`功能的基本结构。对于学习JavaScript数据结构或者需要自定义数据存储的场景,这样的实现非常有用。同时,了解这些基本概念有助于深入理解...

    详解JavaScript中Hash Map映射结构的实现_.docx

    本文将深入探讨如何在JavaScript中实现一个简单的HashMap结构,并讨论与`Object`相关的陷阱。 首先,我们来看一个简单的HashMap实现: ```javascript var hashMap = { Set: function(key, value) { this[key] = ...

    js代码-ES5实现map的方法

    在JavaScript的世界里...在提供的压缩包文件中,`main.js`可能是实现上述`ES5Map`功能的代码,而`README.txt`可能包含了关于这个实现的额外说明或者使用示例。你可以查看这两个文件以获取更详细的实现细节和应用场景。

    调用js地图,兼容各个浏览器chinaMap

    "调用js地图,兼容各个浏览器chinaMap"这个主题关注的是如何使用JavaScript来创建一个兼容多种浏览器的地图功能,特别是针对中国的地理区域。这里我们将深入探讨这个话题,并基于提供的文件`index.html`、`raphael.js...

    JavaScript中实现Map的示例代码

    在本示例中,我们将详细讨论如何使用自定义函数实现一个简单的Map功能。 首先,创建一个新的Map实例: ```javascript var map = new Map(); ``` 接着,我们可以使用`put`方法来添加键值对: ```javascript map.put...

    js代码-js获得map中key的个数

    在JavaScript中,获取Map中key的个数非常简单,Map对象有一个内置的`size`属性,它会返回Map中的元素数量,也就是key的个数。例如: ```javascript console.log(myMap.size); // 输出:2 ``` 上面的代码会打印出2...

    javascript实现简单的Map示例介绍

    代码如下: /* * MAP对象,实现MAP功能 * * 接口: * size() 获取MAP元素个数 * isEmpty() 判断MAP是否为空 * clear() 删除MAP所有元素 * put(key, value) 向MAP中增加元素(key, value) * remove(key) 删除指定KEY的...

Global site tag (gtag.js) - Google Analytics