js模仿java的Map集合詳解_javascript技巧

來源:互聯網
上載者:User

java.util 中的集合類包含 Java 中某些最常用的類。最常用的集合類是 List 和 Map。List 的具體實現包括 ArrayList 和 Vector,它們是可變大小的列表,比較適合構建、儲存和操作任何類型對象元素列表。List 適用於按數值索引訪問元素的情形。
Map 提供了一個更通用的元素儲存方法。Map 集合類用於儲存元素對(稱作“鍵”和“值”),其中每個鍵映射到一個值。從概念上而言,您可以將 List 看作是具有數值鍵的 Map。而實際上,除了 List 和 Map 都在定義 java.util 中外,兩者並沒有直接的聯絡。本文將著重介紹核心 Java 發行套件中附帶的 Map,同時還將介紹如何採用或實現更適用於您應用程式特定資料的專用 Map。
瞭解完java中的Map後,直接上代碼了!

<head> <meta http-equiv="Content-Type" content="text/html; charset=gbk" /> <title>測試map</title> </head> <style type="text/css"> </style> <script type="text/javascript"> /*  * 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的元素  * keys() 擷取Map中所有key的數組(array)  * values() 擷取Map中所有value的數組(array)  *  */ 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) {     if (this.containsKey(_key) == true) {       if(this.containsValue(_value)){         if(this.remove(_key) == true){           this.elements.push( {             key : _key,             value : _value           });         }       }else{         this.elements.push( {           key : _key,           value : _value         });       }     } else {       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中所有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;   },    //擷取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 alert('測試map'); var map=new Map(); map.put(0,0); map.put(1,1); map.put(2,2); alert('map的大小為:'+map.size()); for(var i=0;i<map.size();i++){   alert('map的key'+i+'對應的value值為'+map.get(i)); } alert('擷取map中不存在的鍵'+map.get('擷取map中不存在的鍵')); alert('map中的所有鍵的長度'+map.keys().length); for(var i=0;i<map.keys().lenght;i++){   alert('map中的索引值'+map.keys()[i]); } alert('map中的所有的value值的長度'+map.values().length); for(var i=0;i<map.values().length;i++){   alert('map中的value的值'+map.values()[i]); } alert('判斷map中的值value是否存在3'+map.containsValue(3)); </script> <body> 測試map </body> </html> 

運行效果圖:

以上就是本文的全部內容,希望對大家的學習有所協助。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.