首页    技术博客    PHP教程    数据库技术    前端开发   HTML5    Nginx    php论坛
新用户注册 | 会员登录
加入会员，解锁专属内容
取消
热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

JavaScript创建Map对象（转）

作者：手机用户2502887763 | 来源：互联网 | 2023-01-13 13:31
JavaScript里面本身没有map对象，用JavaScript的Array来实现Map的数据结构。Js代码**MAP对象，实现MAP功能**接口：*size()获取MAP元素个

Javascript 里面本身没有map对象，用Javascript的Array来实现Map的数据结构。

Js代码  ,
  1. /*   
  2.  * MAP对象，实现MAP功能   
  3.  *   
  4.  * 接口：   
  5.  * size()     获取MAP元素个数   
  6.  * isEmpty()    判断MAP是否为空   
  7.  * clear()     删除MAP所有元素   
  8.  * put(key, value)   向MAP中增加元素（key, value)    
  9.  * remove(key)    删除指定KEY的元素，成功返回True，失败返回False   
  10.  * get(key)    获取指定KEY的元素值VALUE，失败返回NULL   
  11.  * element(index)   获取指定索引的元素（使用element.key，element.value获取KEY和VALUE），失败返回NULL   
  12.  * containsKey(key)  判断MAP中是否含有指定KEY的元素   
  13.  * containsValue(value) 判断MAP中是否含有指定VALUE的元素   
  14.  * values()    获取MAP中所有VALUE的数组（ARRAY）   
  15.  * keys()     获取MAP中所有KEY的数组（ARRAY）   
  16.  *   
  17.  * 例子：   
  18.  * var map = new Map();   
  19.  *   
  20.  * map.put("key", "value");   
  21.  * var val = map.get("key")   
  22.  * ……   
  23.  *   
  24.  */     
  25. function Map() {     
  26.     this.elements = new Array();     
  27.        
  28.     //获取MAP元素个数     
  29.     this.size = function() {     
  30.         return this.elements.length;     
  31.     }     
  32.        
  33.     //判断MAP是否为空     
  34.     this.isEmpty = function() {     
  35.         return(this.elements.length < 1);     
  36.     }     
  37.        
  38.     //删除MAP所有元素     
  39.     this.clear = function() {     
  40.         this.elements = new Array();     
  41.     }     
  42.        
  43.     //向MAP中增加元素（key, value)      
  44.     this.put = function(_key, _value) {     
  45.         this.elements.push( {     
  46.             key : _key,     
  47.             value : _value     
  48.         });     
  49.     }     
  50.        
  51.     //删除指定KEY的元素，成功返回True，失败返回False     
  52.     this.remove = function(_key) {     
  53.         var bln = false;     
  54.         try{     
  55.             for(i = 0; i < this.elements.length; i++) {     
  56.                 if(this.elements[i].key == _key) {     
  57.                     this.elements.splice(i, 1);     
  58.                     return true;     
  59.                 }     
  60.             }     
  61.         } catch(e) {     
  62.             bln = false;     
  63.         }     
  64.         return bln;     
  65.     }     
  66.        
  67.     //获取指定KEY的元素值VALUE，失败返回NULL     
  68.     this.get = function(_key) {     
  69.         try{     
  70.             for(i = 0; i < this.elements.length; i++) {     
  71.                 if(this.elements[i].key == _key) {     
  72.                     return this.elements[i].value;     
  73.                 }     
  74.             }     
  75.         } catch(e) {     
  76.             return null;     
  77.         }     
  78.     }     
  79.        
  80.     //获取指定索引的元素（使用element.key，element.value获取KEY和VALUE），失败返回NULL     
  81.     this.element = function(_index) {     
  82.         if(_index < 0 || _index >= this.elements.length) {     
  83.             return null;     
  84.         }     
  85.         return this.elements[_index];     
  86.     }     
  87.        
  88.     //判断MAP中是否含有指定KEY的元素     
  89.     this.containsKey = function(_key) {     
  90.         varbln = false;     
  91.         try{     
  92.             for(i = 0; i < this.elements.length; i++) {     
  93.                 if(this.elements[i].key == _key) {     
  94.                     bln = true;     
  95.                 }     
  96.             }     
  97.         } catch(e) {     
  98.             bln = false;     
  99.         }     
  100.         return bln;     
  101.     }     
  102.        
  103.     //判断MAP中是否含有指定VALUE的元素     
  104.     this.containsValue = function(_value) {     
  105.         var bln = false;     
  106.         try{     
  107.             for(i = 0; i < this.elements.length; i++) {     
  108.                 if(this.elements[i].value == _value) {     
  109.                     bln = true;     
  110.                 }     
  111.             }     
  112.         } catch(e) {     
  113.             bln = false;     
  114.         }     
  115.         return bln;     
  116.     }     
  117.        
  118.     //获取MAP中所有VALUE的数组（ARRAY）     
  119.     this.values = function() {     
  120.         var arr = new Array();     
  121.         for(i = 0; i < this.elements.length; i++) {     
  122.             arr.push(this.elements[i].value);     
  123.         }     
  124.         return arr;     
  125.     }     
  126.        
  127.     //获取MAP中所有KEY的数组（ARRAY）     
  128.     this.keys = function() {     
  129.         var arr = new Array();     
  130.         for(i = 0; i < this.elements.length; i++) {     
  131.             arr.push(this.elements[i].key);     
  132.         }     
  133.         return arr;     
  134.     }     
  135. }     
  136.   
  137.   var map = new Map();    
  138.      
  139.   map.put("key1", "value1");    
  140.   map.put("key2", "value2");    
  141.   map.put("key3", "value3");    
  142.   
  143.     
  144.   //var val = map.get("key1");  
  145. //  var val = map.containsKey("key1");  
  146. //  var val = map.element(2).value;  
  147.   
  148.     var arr=map.keys();  
  149.     for(var i=0;i
  150.         alert(map.get(arr[i]));  
  151.     }  
  152. //  alert(val);  

Javascript创建Map对象（转）,,

Javascript创建Map对象（转）
推荐阅读
  • blob

    基于layUI的图片上传前预览功能的2种实现方式

    基于layUI的图片上传前预览功能的2种实现方式
    本文介绍了基于layUI的图片上传前预览功能的两种实现方式：一种是使用blob+FileReader，另一种是使用layUI自带的参数。通过选择文件后点击文件名，在页面中间弹窗内预览图片。其中，layUI自带的参数实现了图片预览功能。该功能依赖于layUI的上传模块，并使用了blob和FileReader来读取本地文件并获取图像的base64编码。点击文件名时会执行See()函数。摘要长度为169字。 ... [详细]
  • main

    OC学习笔记之@property和@synthesize

    本文介绍了OC学习笔记中的@property和@synthesize，包括属性的定义和合成的使用方法。通过示例代码详细讲解了@property和@synthesize的作用和用法。 ... [详细]
  • java

    Hibernate基础映射

    在说Hibernate映射前，我们先来了解下对象关系映射ORM。ORM的实现思想就是将关系数据库中表的数据映射成对象，以对象的形式展现。这样开发人员就可以把对数据库的操作转化为对 ... [详细]
  • 数组

    java 线程死锁模拟

    1，关于死锁的理解死锁，我们可以简单的理解为是两个线程同时使用同一资源，两个线程又得不到相应的资源而造成永无相互等待的情况。 2，模拟死锁背景介绍：我们创建一个朋友 ... [详细]
  • js

    工程中添加Android Dependencies

    在project.properties添加#Projecttarget.targetandroid-19android.library.reference.1..Sliding ... [详细]
  • uri

    知识图谱——机器大脑中的知识库

    知识图谱——机器大脑中的知识库
    本文介绍了知识图谱在机器大脑中的应用，以及搜索引擎在知识图谱方面的发展。以谷歌知识图谱为例，说明了知识图谱的智能化特点。通过搜索引擎用户可以获取更加智能化的答案，如搜索关键词"Marie Curie"，会得到居里夫人的详细信息以及与之相关的历史人物。知识图谱的出现引起了搜索引擎行业的变革，不仅美国的微软必应，中国的百度、搜狗等搜索引擎公司也纷纷推出了自己的知识图谱。 ... [详细]
  • js

    测试人的性格，点火让他着急，考验婚姻问题的善意玩人

    本文讲述了作者通过点火测试男友的性格和承受能力，以考验婚姻问题。作者故意不安慰男友并再次点火，观察他的反应。这个行为是善意的玩人，旨在了解男友的性格和避免婚姻问题。 ... [详细]
  • process

    Linux进程控制块PCBtask_struct结构体结构及作用详解

    本文详细介绍了Linux中进程控制块PCBtask_struct结构体的结构和作用，包括进程状态、进程号、待处理信号、进程地址空间、调度标志、锁深度、基本时间片、调度策略以及内存管理信息等方面的内容。阅读本文可以更加深入地了解Linux进程管理的原理和机制。 ... [详细]
  • js

    后台获取视图对应的字符串

    后台获取视图对应的字符串
    1.帮助类后台获取视图对应的字符串publicclassViewHelper{将View输出为字符串(注：不会执行对应的ac ... [详细]
  • char

    《数据结构》学习笔记3——串匹配算法性能评估

    《数据结构》学习笔记3——串匹配算法性能评估
    本文主要讨论串匹配算法的性能评估，包括模式匹配、字符种类数量、算法复杂度等内容。通过借助C++中的头文件和库，可以实现对串的匹配操作。其中蛮力算法的复杂度为O(m*n)，通过随机取出长度为m的子串作为模式P，在文本T中进行匹配，统计平均复杂度。对于成功和失败的匹配分别进行测试，分析其平均复杂度。详情请参考相关学习资源。 ... [详细]
  • js

    ABAP开发发送邮件程序的配置和代码整理

    本文介绍了通过ABAP开发往外网发邮件的需求，并提供了配置和代码整理的资料。其中包括了配置SAP邮件服务器的步骤和ABAP写发送邮件代码的过程。通过RZ10配置参数和icm/server_port_1的设定，可以实现向Sap User和外部邮件发送邮件的功能。希望对需要的开发人员有帮助。摘要长度：184字。 ... [详细]
  • 数组

    动态规划算法的基本步骤及最长递增子序列问题详解

    动态规划算法的基本步骤及最长递增子序列问题详解
    本文详细介绍了动态规划算法的基本步骤，包括划分阶段、选择状态、决策和状态转移方程，并以最长递增子序列问题为例进行了详细解析。动态规划算法的有效性依赖于问题本身所具有的最优子结构性质和子问题重叠性质。通过将子问题的解保存在一个表中，在以后尽可能多地利用这些子问题的解，从而提高算法的效率。 ... [详细]
  • java

    Java验证码——kaptcha的使用配置及样式

    Java验证码——kaptcha的使用配置及样式
    本文介绍了如何使用kaptcha库来实现Java验证码的配置和样式设置，包括pom.xml的依赖配置和web.xml中servlet的配置。 ... [详细]
  • select

    高质量SQL书写的30条建议

    高质量SQL书写的30条建议
    本文提供了30条关于优化SQL的建议，包括避免使用select *，使用具体字段，以及使用limit 1等。这些建议是基于实际开发经验总结出来的，旨在帮助读者优化SQL查询。 ... [详细]
  • main

    指针的引用以及在什么情况下使用指针的引用

    本文介绍了指针的概念以及在函数调用时使用指针作为参数的情况。指针存放的是变量的地址，通过指针可以修改指针所指的变量的值。然而，如果想要修改指针的指向，就需要使用指针的引用。文章还通过一个简单的示例代码解释了指针的引用的使用方法，并思考了在修改指针的指向后，取指针的输出结果。 ... [详细]
author-avatar
手机用户2502887763
这个家伙很懒，什么也没留下！
Tags | 热门标签
RankList | 热门文章
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有