`

js map

 
阅读更多
[c-sharp] view plaincopy
  1. Array.prototype.remove = function(s) {     
  2.     for (var i = 0; i < this.length; i++) {     
  3.         if (s == this[i])     
  4.             this.splice(i, 1);     
  5.     }     
  6. }     
  7.     
  8. /**   
  9.  * Simple Map   
  10.  *    
  11.  *    
  12.  * var m = new Map();   
  13.  * m.put('key','value');   
  14.  * ...   
  15.  * var s = "";   
  16.  * m.each(function(key,value,index){   
  17.  *      s += index+":"+ key+"="+value+"/n";   
  18.  * });   
  19.  * alert(s);   
  20.  *    
  21.  * @author dewitt   
  22.  * @date 2008-05-24   
  23.  */    
  24. function Map() {     
  25.     /** 存放键的数组(遍历用到) */    
  26.     this.keys = new Array();     
  27.     /** 存放数据 */    
  28.     this.data = new Object();     
  29.          
  30.     /**   
  31.      * 放入一个键值对   
  32.      * @param {String} key   
  33.      * @param {Object} value   
  34.      */    
  35.     this.put = function(key, value) {     
  36.         if(this.data[key] == null){     
  37.             this.keys.push(key);     
  38.         }     
  39.         this.data[key] = value;     
  40.     };     
  41.          
  42.     /**   
  43.      * 获取某键对应的值   
  44.      * @param {String} key   
  45.      * @return {Object} value   
  46.      */    
  47.     this.get = function(key) {     
  48.         return this.data[key];     
  49.     };     
  50.          
  51.     /**   
  52.      * 删除一个键值对   
  53.      * @param {String} key   
  54.      */    
  55.     this.remove = function(key) {     
  56.         this.keys.remove(key);     
  57.         this.data[key] = null;     
  58.     };     
  59.          
  60.     /**   
  61.      * 遍历Map,执行处理函数   
  62.      *    
  63.      * @param {Function} 回调函数 function(key,value,index){..}   
  64.      */    
  65.     this.each = function(fn){     
  66.         if(typeof fn != 'function'){     
  67.             return;     
  68.         }     
  69.         var len = this.keys.length;     
  70.         for(var i=0;i<len;i++){     
  71.             var k = this.keys[i];     
  72.             fn(k,this.data[k],i);     
  73.         }     
  74.     };     
  75.          
  76.     /**   
  77.      * 获取键值数组(类似Java的entrySet())   
  78.      * @return 键值对象{key,value}的数组   
  79.      */    
  80.     this.entrys = function() {     
  81.         var len = this.keys.length;     
  82.         var entrys = new Array(len);     
  83.         for (var i = 0; i < len; i++) {     
  84.             entrys[i] = {     
  85.                 key : this.keys[i],     
  86.                 value : this.data[i]     
  87.             };     
  88.         }     
  89.         return entrys;     
  90.     };     
  91.          
  92.     /**   
  93.      * 判断Map是否为空   
  94.      */    
  95.     this.isEmpty = function() {     
  96.         return this.keys.length == 0;     
  97.     };     
  98.          
  99.     /**   
  100.      * 获取键值对数量   
  101.      */    
  102.     this.size = function(){     
  103.         return this.keys.length;     
  104.     };     
  105.          
  106.     /**   
  107.      * 重写toString    
  108.      */    
  109.     this.toString = function(){     
  110.         var s = "{";     
  111.         for(var i=0;i<this.keys.length;i++,s+=','){     
  112.             var k = this.keys[i];     
  113.             s += k+"="+this.data[k];     
  114.         }     
  115.         s+="}";     
  116.         return s;     
  117.     };     
  118. }     
  119.     
  120.     
  121. function testMap(){     
  122.     var m = new Map();     
  123.     m.put('key1','Comtop');     
  124.     m.put('key2','南方电网');     
  125.     m.put('key3','景新花园');     
  126.     alert("init:"+m);     
  127.          
  128.     m.put('key1','康拓普');     
  129.     alert("set key1:"+m);     
  130.          
  131.     m.remove("key2");     
  132.     alert("remove key2: "+m);     
  133.          
  134.     var s ="";     
  135.     m.each(function(key,value,index){     
  136.         s += index+":"+ key+"="+value+"/n";     
  137.     });     
  138.     alert(s);     
  139. }    

html代码:

 

[c-sharp] view plaincopy
  1. <html>    
  2. <head>    
  3. <title>Test Map</title>    
  4. <mce:script language="javascript" src="map.js" mce_src="map.js"><!--  
  5.     
  6. // --></mce:script>    
  7. </head>    
  8. <body>    
  9. <input type="button" value="test" onclick="testMap()">    
  10. </body>    
  11. </html> 
分享到:
评论

相关推荐

    jsMap矢量地图插件(包含全国JSON数据)

    jsMap是一款基于JavaScript开发的矢量地图插件,专为Web应用程序设计,提供了一种高效、可定制的方式来展示地理信息。它使用JSON数据格式来存储和处理地图信息,这使得地图数据的传输和渲染更加轻量化,同时也方便了...

    js Map对象封装

    js Map对象封装 和 java 的使用方法一样.

    js-map js-map

    js map js map js map js map js map js map

    jsmap数据结构.pdf

    JavaScript中的Map数据结构是ES6引入的一种新的数据存储方式,它与传统的Object对象有显著区别。Map对象主要用于保存键值对,其特点是键可以是任意数据类型,而不仅仅是字符串或Symbol,这使得Map在处理非字符串键时...

    js模拟list和map

    javascript 模拟 java中的 List,Map js文件为 js/utils.js IE6.0 测试通过 &lt;br&gt;List: add(var obj) //添加一个元素 remove(var index) //删除一个元素 get(var index) //获取一个元素 remove...

    javascript Map对象 原型 插件

    javascript Map原型,对象,实现javascript中的Map数据类型功能

    js 实现map的方式

    JavaScript中的Map对象是一种数据结构,它允许我们存储键值对,并且键可以是任何类型,而不仅仅是字符串。Map对象在JavaScript ES6版本中被引入,为处理复杂的数据关联提供了更强大的工具,尤其对于那些需要使用非...

    javascript map()方法解析

    JavaScript中的`map()`方法是数组的一个非常重要的方法,它用于创建一个新的数组,新数组中的元素是通过调用原数组中的每个元素上的一个指定函数(即`callback`函数)得到的。这种方法不会改变原数组,而是返回一个...

    利用js实现Map

    **JavaScript Map对象详解与实践应用** 在JavaScript的世界里,`Map`对象是一个强大的数据结构,它允许我们存储键值对,且键可以是任意类型,而不仅仅是字符串。这与原生的`Object`有着本质的区别,`Object`的键...

    js Map 工具类 MapUtil

    在JavaScript的世界里,`Map`对象是一个非常重要的数据结构,它允许我们存储键值对,其中键可以是任何类型的...在阅读`MapUtil.js`源码时,可以关注这些方法的实现细节,理解它们如何优化和扩展了原生`Map`对象的能力。

    javascript map类

    javascript map类。类中有相应demo,在javascript中实现Map的一个类,包括map中对应的一些数据结构相关算法。

    js中Map应用

    ### JavaScript中的Map应用 在JavaScript中,`Map`对象是一种内置的数据结构,它保存键值对,并且可以按插入顺序记住元素。与普通的JavaScript对象不同的是,`Map`的键可以是任何类型的值(不仅仅是字符串或符号)...

    JS map & set 笔记

    JS map & set 笔记

    js实现map用法

    JavaScript中的Map对象是ES6引入的一种新的数据结构,它提供了键值对的存储方式,与对象类似但有显著区别。Map的主要优势在于键可以是任意类型,而不仅仅是字符串,这使得它在处理复杂数据结构时非常有用。在本文中...

    百度地图MAP JS

    百度地图MAP JS是百度地图提供的JavaScript库,它允许开发者在网页上集成百度地图功能,实现地图的显示、标注、路线规划等多样化操作。这个库基于JavaScript语言,能够轻松地与HTML和CSS结合,为网页增添动态和交互...

    对Map的key和value进行排序

    对Map的key和value进行排序 对Map的key和value进行排序是Java编程中非常重要的一部分。Map是Java集合框架中的一种数据结构,用于存储键值对。然而,在实际应用中,我们经常需要对Map中的key或value进行排序,以满足...

    JS.CSS.map.instance.hyperlink.rar_css Map_js 地图_js map实例_js 地图_

    在提供的描述中,“JS CSS code map of the classic instance of the hyperlink”暗示了这个实例是关于如何利用JavaScript和CSS结合,创建一个带有超链接功能的地图。 JavaScript(JS)在这里起到了关键作用,它...

    javascript的Map实现(高性能)

    在JavaScript中,`Map`是一种内置的数据结构,用于存储键值对。相比于对象,`Map`的优势在于它可以使用任何类型的值作为键,包括对象。在本文中,我们将深入探讨一种高性能的JavaScript `Map`实现,它基于JSON,具有...

    使用js实现map功能

    使用js实现map工具类

    javascript(map功能)

    * size() 获取MAP元素个数 * isEmpty() 判断MAP是否为空 * clear() 删除MAP所有元素 * put(key, value) 向MAP中增加元素(key, value) * remove(key) 删除指定KEY的元素,成功返回True,失败返回False * ...

Global site tag (gtag.js) - Google Analytics