`

JS 构建MAP

 
阅读更多

查看了网上的几个map类,有些压根几不能取值,在这些基础上发一个可以完全实现map类方法。

并且在测试的时候用到了用split来分隔字符串。

 

 

[xhtml] view plaincopy
 
  1. <html>  
  2.     <script language="javascript"><!--  
  3.         function Map() {    
  4.             var struct = function(key, value) {    
  5.                 this.key = key;    
  6.                 this.value = value;  }       
  7.             var put = function(key, value){    
  8.                 for (var i = 0; i < this.arr.length; i++) {    
  9.                     if ( this.arr[i].key === key ) {    
  10.                         this.arr[i].value = value;    
  11.                         return;  }    
  12.                 }    
  13.                 this.arr[this.arr.length] = new struct(key, value);    
  14.             }    
  15.      
  16.             var get = function(key) {    
  17.                 for (var i = 0; i < this.arr.length; i++) {    
  18.                     if ( this.arr[i].key === key ) {    
  19.                         return this.arr[i].value;  }    
  20.                 }    
  21.                 return null;    
  22.             }    
  23.      
  24.             var remove = function(key) {    
  25.                 var v;    
  26.                 for (var i = 0; i < this.arr.length; i++) {    
  27.                     v = this.arr.pop();    
  28.                     if ( v.key === key ) {    
  29.                         continue;    
  30.                     }    
  31.                     this.arr.unshift(v);    
  32.                 }    
  33.             }    
  34.      
  35.             var size = function() {    
  36.                 return this.arr.length;    
  37.             }    
  38.      
  39.             var isEmpty = function() {    
  40.                 return this.arr.length <= 0;    
  41.             }     
  42.             this.arr = new Array();    
  43.             this.get = get;    
  44.             this.put = put;    
  45.             this.remove = remove;    
  46.             this.size = size;    
  47.             this.isEmpty = isEmpty;    
  48.         }   
  49.         function test(){  
  50.             if("1"==1)  
  51.                 alert("相等的");  
  52.             else  
  53.                 alert("bu相等的");  
  54.         }  
  55.                               
  56.         function a(test,xx){  
  57.             var map = new Map();  
  58.             var temp = new Array();   
  59.             var temp1 = new Array();   
  60.             var s  = "";   
  61.             temp = test.split("#");  
  62.                                   
  63.             for(var i=0;i<temp.length-1;i++){  
  64.                 s = temp[i];                 
  65.                 temp1 = s.split(",");     
  66.                 for(var j=0;j<temp1.length-1;j++)      
  67.                     map.put(temp1[0],temp1[1]);                                                                                                                               
  68.             }  
  69.             return map.get(xx+"");                                
  70.         }  
  71.         function test1(){  
  72.             var test=var test=“#111101,djdkasj#111102,jdsajgkj”;  
  73.              xx = 111110  
  74.             alert(a(test,xx));  
  75.         }  
  76.       
  77. </script>  
  78.     <head><title>test Map</title></head>  
  79.     <body>  
  80.         <input type="button" onclick="test1();" value="来试试">  
  81.           
  82.     </body>  
  83. </html>  
分享到:
评论

相关推荐

    javascript 中Map的使用

    3. Map的深拷贝:利用Map可以实现对象的深拷贝,通过递归将对象的所有属性转换为键值对存入Map,然后根据Map再构建新对象。 在实际开发中,Map常用于: - 保存索引映射关系,比如数组元素与其索引的对应。 - 维护多...

    jquery3.6.0.min.js+min.map.7z

    在部署前,通过构建工具如Webpack或Gulp自动将.js文件压缩成.min.js,并生成相应的.min.map文件。 总的来说,"jquery3.6.0.min.js"和"jquery-3.6.0.min.map"是jQuery库在3.6.0版本中用于生产环境和开发调试的重要...

    百度地图MAP JS

    以上只是百度地图MAP JS的基本用法,实际上,它还提供了地理编码、逆地理编码、自定义图层、实时路况、搜索周边等功能,开发者可以根据需求灵活组合,构建出各种复杂的地图应用。在实际项目中,通常需要结合其他前端...

    超好用map类型的js下载

    本文将深入探讨`Map`类型在JavaScript中的应用,并结合Echarts地图下钻功能,阐述如何利用`Map`类型处理地理数据,以及在实际项目中实现交互式地图的构建。 `Map`类型在ES6中被引入,它与传统的`Object`对象不同,`...

    《JavaScript构建Web和ArcGIS Server应用实战》源代码

    《JavaScript构建Web和ArcGIS Server应用实战》是一本深度探讨如何使用JavaScript开发Web GIS应用程序的专业书籍。这本书籍的源代码提供了丰富的示例和实践项目,帮助读者深入理解JavaScript在Web GIS开发中的应用。...

    javascript map()方法解析

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

    bootstrap-map-js-master.zip_ArcGIS api for JS_arcgis bootstrap_a

    Bootstrap Map JS Master是一款基于ArcGIS API for JavaScript与Bootstrap框架整合的开发工具包,它使得开发者能够更方便地在Web应用中构建美观且功能强大的地图界面。这个压缩包"bootstrap-map-js-master.zip"包含...

    echarts-map.zip

    总的来说,"echarts-map.zip"为开发者提供了一套完整的ECharts地图解决方案,包括必要的地图数据和示例代码,有助于快速构建出功能丰富的地图可视化应用。通过深入学习和实践,开发者可以利用ECharts的强大功能,...

    5.(arcgis api for js篇)arcgis api for js接入openstreetmap(3D版).zip

    这个标题表明我们讨论的是如何使用ArcGIS API for JavaScript(arcgis api for js)来接入OpenStreetMap,并且是关于3D场景的应用。ArcGIS API for JavaScript是Esri公司提供的一个强大的地图开发库,用于构建交互式...

    three.js-tilemap:Three.js Tilemap

    【Three.js Tilemap:Three.js中的地图瓷砖渲染技术】 Three.js 是一款广泛使用的JavaScript库,专为在Web浏览器中创建3D图形而设计。它基于WebGL,一个JavaScript API,用于在网页上实现硬件加速的3D图形。"Three....

    googlemap 地图功能

    谷歌地图(Google Maps)是全球...总的来说,Google Maps JavaScript API是一个强大且灵活的工具,可以帮助开发者在网页应用中构建各种地图相关的功能。通过学习和实践,你可以创建出符合自己需求的定制化地图体验。

    ant design of vue.zip

    - `.js.map` 文件(如`antd.js.map`, `antd-with-locales.js.map`, `antd-with-locales.min.js.map`)是源映射文件,主要用于在开发过程中调试JavaScript代码。它们将压缩后的代码映射回原始源代码,使得开发者可以...

    使用javascript构建3D web 应用

    ### 使用JavaScript构建3D Web应用的关键知识点 #### 一、概览 在当前技术发展背景下,使用JavaScript构建3D Web应用已经成为一种趋势。这不仅能够快速搭建起属于自己的框架,还能帮助开发者快速开发出功能丰富的...

    map33.js:一个JavaScript库,可使用three.js制作3D地图

    map33.js 一个JavaScript库,用于使用构建3D地图 (您可以双击以添加缺少的图块) 安装 npm install map33 或者: yarn add map33 演示和用法 需要两个地图图块集,一个用于获取高程数据图块,另一个用于对根据所述...

    bootstrap.css.map

    同时,掌握Bootstrap的组件和插件用法,能帮助我们构建响应式、易用的界面。例如,Bootstrap的栅格系统可以轻松创建多列布局,而表单、按钮、导航条等组件则提供了丰富的UI元素。 总的来说,"bootstrap.css.map"是...

    mapeditor_mapeditor_

    在描述中提到的“兼容多重map格式”意味着MapEditor支持多种地图文件格式,这可能包括但不限于TMX(Tiled Map Editor的XML格式)、CSV(逗号分隔值)、JSON(JavaScript对象表示法)以及自定义的二进制格式等。...

    谷歌地图GoogleMap

    JavaScript API是Google Map API的核心部分,它允许开发者在网页上动态加载和操作地图。通过这个API,可以实现地图的初始化、缩放、平移、标记点添加、信息窗口显示、自定义图层、地理编码、路径绘制等多种功能。...

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

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

    前端开源库-feather2-packager-map

    FIS3插件机制允许开发者根据需求自定义构建流程,例如添加预处理器支持、合并CSS和JavaScript文件、处理图片资源等。Feather2 Packager Map就是在这样的基础上,为Feather2.0框架定制了一套适合其特性的打包和映射...

    flv.js 和flv-min.js

    你提到的“有npm install运行生成的”,意味着你在本地环境中使用了这个命令来构建和打包项目,这通常包括编译源代码、优化资源、合并文件等步骤,最终生成了可部署的dist目录,其中包含了flv.js和flv-min.js这两个...

Global site tag (gtag.js) - Google Analytics