JavaScript创建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. //获取MAP元素个数
  28. this.size = function() {
  29. return this.elements.length;
  30. }
  31. //判断MAP是否为空
  32. this.isEmpty = function() {
  33. return(this.elements.length < 1);
  34. }
  35. //删除MAP所有元素
  36. this.clear = function() {
  37. this.elements = new Array();
  38. }
  39. //向MAP中增加元素(key, value)
  40. this.put = function(_key, _value) {
  41. this.elements.push( {
  42. key : _key,
  43. value : _value
  44. });
  45. }
  46. //删除指定KEY的元素,成功返回True,失败返回False
  47. this.remove = function(_key) {
  48. var bln = false;
  49. try{
  50. for(i = 0; i < this.elements.length; i++) {
  51. if(this.elements[i].key == _key) {
  52. this.elements.splice(i, 1);
  53. return true;
  54. }
  55. }
  56. } catch(e) {
  57. bln = false;
  58. }
  59. return bln;
  60. }
  61. //获取指定KEY的元素值VALUE,失败返回NULL
  62. this.get = function(_key) {
  63. try{
  64. for(i = 0; i < this.elements.length; i++) {
  65. if(this.elements[i].key == _key) {
  66. return this.elements[i].value;
  67. }
  68. }
  69. } catch(e) {
  70. return null;
  71. }
  72. }
  73. //获取指定索引的元素(使用element.key,element.value获取KEY和VALUE),失败返回NULL
  74. this.element = function(_index) {
  75. if(_index < 0 || _index >= this.elements.length) {
  76. return null;
  77. }
  78. return this.elements[_index];
  79. }
  80. //判断MAP中是否含有指定KEY的元素
  81. this.containsKey = function(_key) {
  82. varbln = false;
  83. try{
  84. for(i = 0; i < this.elements.length; i++) {
  85. if(this.elements[i].key == _key) {
  86. bln = true;
  87. }
  88. }
  89. } catch(e) {
  90. bln = false;
  91. }
  92. return bln;
  93. }
  94. //判断MAP中是否含有指定VALUE的元素
  95. this.containsValue = function(_value) {
  96. var bln = false;
  97. try{
  98. for(i = 0; i < this.elements.length; i++) {
  99. if(this.elements[i].value == _value) {
  100. bln = true;
  101. }
  102. }
  103. } catch(e) {
  104. bln = false;
  105. }
  106. return bln;
  107. }
  108. //获取MAP中所有VALUE的数组(ARRAY)
  109. this.values = function() {
  110. var arr = new Array();
  111. for(i = 0; i < this.elements.length; i++) {
  112. arr.push(this.elements[i].value);
  113. }
  114. return arr;
  115. }
  116. //获取MAP中所有KEY的数组(ARRAY)
  117. this.keys = function() {
  118. var arr = new Array();
  119. for(i = 0; i < this.elements.length; i++) {
  120. arr.push(this.elements[i].key);
  121. }
  122. return arr;
  123. }
  124. }
  125. var map = new Map();
  126. map.put("key1", "value1");
  127. map.put("key2", "value2");
  128. map.put("key3", "value3");
  129. //var val = map.get("key1");
  130. //  var val = map.containsKey("key1");
  131. //  var val = map.element(2).value;
  132. var arr=map.keys();
  133. for(var i=0;i<arr.length;i++){
  134. alert(map.get(arr[i]));
  135. }
  136. //  alert(val);

JavaScript创建Map对象(转)

时间: 2024-10-25 07:53:05

JavaScript创建Map对象(转)的相关文章

Javascript创建空对象和空数组的几个方法和差别

以下是三种创建空对象的方法: var emptyObj1 = {}; var emptyObj2 = new Object(); var emptyObj2 = Object.create(Object.prototype); 他们对Javascript来说是一样的,新创建的三个对象会继承object所有的属性和方法,所以emptyObj1.toString等于Object.prototype.toString.但是要注意,{}.toString是会报错的! 类似的还有空数组问题: var em

自定义实现JavaScript的Map对象,修改IE不兼容MAP()的问题

由于IE8及以下版本不支持Map对象,本文为程序猿们提供了有效的解决方法. 本文重写了Map对象,实现了常用的set, get, put, clear, remove, delete, forEach, has, containsKey, isEmpty, size 等方法,使用和声明的方试和正常声明Map对象一样: var map = new Map(); 只需将下面代码拷入<script type="text/javascript"></script>中即可

每天一点点之javascript(ES6) - Map对象

1.语法 键/值对的集合. mapObj = new Map() 注:集合中的键和值可以是任何类型.如果使用现有密钥向集合添加值,则新值会替换旧值. 2.属性下表列出了 Map 对象的属性和描述. 构造函数 指定创建映射的函数. Prototype - 原型 为映射返回对原型的引用. size  返回映射中的元素数. 3.方法 clear 从映射中移除所有元素. delete 从映射中移除指定的元素. forEach 对映射中的每个元素执行指定操作. get 返回映射中的指定元素. has 如果

JavaScript—创建正则对象

创建正则对象 方式1: var reg = new RegExp('\d', 'i');var reg = new RegExp('\d', 'gi'); 方式2: var reg = /\d/i;var reg = /\d/gi; 参数 标志 说明 i 忽略大小写 g 全局匹配 gi 全局匹配+忽略大小写 原文地址:https://www.cnblogs.com/sylys/p/11629379.html

通过JavaScript创建Qml对象

有两种方法可以创建,都是全局对象Qt提供的方法 一:用Qt.createComponent加载一个qml文件并创建Component 二:用Qt.createQmlObject从一个qml字符串创建Component 注意,以上两种方法返回的是Component,Component在QML中是一种类型,参考文档: http://qt-project.org/doc/qt-5/qml-qtqml-component.html#details 因此还要调用Component的createObject

JavaScript创建自定义对象

// 1.工厂函数(factory function) function createCat(catName) { var oCat = new Object(); oCat.name = catName; oCat.color = "black"; oCat.call = "Miao~"; oCat.run = function() { alert(this.name + " is running!"); }; return oCat; } v

javascript创建类对象

正确样例: var Person=function(name,age){ this.Name=''; this.Age=''; this.Say=function(msg){ alert(msg); } this.init=function(name,age){ this.Name=name; this.Age=age; } this.init(name,age); var fun=function(){ alert('fun'); } this.funShow=function(){ fun(

Ajax 学习之创建XMLHttpRequest对象------Ajax的核心

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><h

javascript自定义简单map对象功能

这里介绍一种js创建简单map对象的方法: function Map() { //创建object对象, 并给object对象添加key和value属性 var obj1=new Object(); var obj2=new Object(); obj1.key="zhangsan" ; obj1.value=23; obj2.key="lisi"; obj2.value=25; //创建一个数组,将创建的object对象放如到数组中去 var map=new Ar