`

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 javaScript遍历map的简单实现

    js遍历map javaScript遍历map的简单实现 var map = { "name" : "华仔", "realname":"刘德华" }; for (var key in map) { console.log("map["+key+"]"+map[key]); } 这样会把map给遍历掉,显示在浏览器上的...

    javascript实现简单的Map示例介绍

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

    javascript 实现map集合

    前几天项目上想用map集合一样的东西,简单拿对象拼了一下子,今天闲的慌实现一下 大家不要见笑 代码 var Map = function (){ /************基础变量**************/ var hashmap = {}; var keys = []; var vals...

    如何用JS模拟实现数组的map方法

    今天就来实现一个简单的map方法 首先我们来看一下map方法的使用以及具体的参数 var arr = ["a","b","c","d","e"]; arr.map(function(currentValue,index,arr){ console.log("当前元素"+currentValue) console....

    JS自定义对象实现Java中Map对象功能的方法

    Java中有集合,Map等对象存储工具类,这些对象使用简易,但是在JavaScript中,你只能使用Array对象。 这里我创建一个自定义对象,这个对象内包含一个数组来存储数据,数据对象是一个Key,可以实际存储的内容!   ...

    JS Map 和 List 的简单实现代码

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

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

    Hash Map通常在JavaScript中作为一个简单的来存储键值对的地方,不过哈希对象Object并不是一个真正的哈希映射,没Java中的Hash Map来的那么强大,well,接下来带大家详解JavaScript中Hash Map映射结构的实现

    JavaScript中实现Map的示例代码

    本篇文章给大家介绍javascript中实现map的示例代码,代码写的简单易懂,可以获取、删除键值,刚兴趣的朋友跟着脚本之家小编一起学习吧。

    小手一敲,让JS Map现原形

    文章主要讲JS Map对象的用法和如何手写Map,非常适合初步学习了JS的同学,适当的学会手写JS源码的技能,对JS理解和面试都有很大的帮助。大多数人都知道Map方法的使用,但是在网上对Map源码实现的文章很少,希望通过...

    googlemap 地图功能

    地图功能 就是一个javascript的接口,他们网站上给出事例,你按照他们给出的方法引入js文件,再调用js函数就实现了,很简单的,一看就明白。 如果看不明白建议去javascript版块询问

    javascript实现Java中的Map对象功能的实例详解

    Java中有集合,Map等对象存储工具类,这些对象使用简易,但是在JavaScript中,你只能使用Array对象。 这里我创建一个自定义对象,这个对象内包含一个数组来存储数据,数据对象是一个Key,可以实际存储的内容!  ...

    javascript实现扫雷简易版

    本文实例为大家分享了javascript实现扫雷简易版的具体代码,供大家参考,具体内容如下 使用截图 说明 这个完成的建议版本,所以没有插旗子,没有计时,就是最基本的原理实现,熟练的大佬30min就能完成 代码讲解 ...

    用json方式实现在 js 中建立一个map

    建立map的方式(其实用的是json实现方式) 代码如下: var a = {}; a[“key1”] = “value1”; a[“key2”] = “value2”; 既然是个map就有检索某个键是否存在的方法,这样写 代码如下: if (“key1” in a) { // ...

    ASP.NET页面中使用Google Map

    简介 &lt;br&gt;很多人都知道Google Map,其实,Google为我们...打开Default.aspx(或任何你想加入Google Map的位置),将该自定义控件拖放至相应位置并编译,这样就实现了最简单的带有Google Map的ASP.NET网页。 &lt;br&gt;

    chinaMap.zip

    这是一个非常简单的demo,完全是用Echarts实现的,因此对于初学者也适用,采用vscode打开,(受访问本地json数据影响,没有安装live server插件的需要先安装该插件,不然会报跨域问题)

    js 模拟实现类似c#下的hashtable的简单功能代码

    其实我们稍作处理,js也可以实现类似hashtable的功能。下面总结一下笔者开发中用到的实现方式,贴代码为主。 1、实现思路:主要就是利用原型(prototype)的hasOwnProperty方法,确定对象中的项是该添加、移除还是...

Global site tag (gtag.js) - Google Analytics