JavaScript中實(shí)現(xiàn)Map的示例代碼
不廢話(huà)了,直接貼代碼了。
代碼一:
var map=new Map(); map.put("a","A");map.put("b","B");map.put("c","C"); map.get("a"); //返回:A map.entrySet() // 返回Entity[{key,value},{key,value}] map.containsKey('kevin') //返回:false
function Map() { this.keys = new Array(); this.data = new Object(); /** * 放入一個(gè)鍵值對(duì) * @param {String} key * @param {Object} value */ this.put = function(key, value) { if(this.data[key] == null){ this.keys.push(key); this.data[key] = value; }else{ this.data[key]=this.data[key]; } return true; }; /** * 獲取某鍵對(duì)應(yīng)的值 * @param {String} key * @return {Object} value */ this.get = function(key) { return this.data[key]; }; /** * 刪除一個(gè)鍵值對(duì) * @param {String} key */ this.remove = function(key) { for(var i=0;i<this.keys.length;i++){ if(key===this.keys[i]){ var del_keys= this.keys.splice(i,1); for(k in del_keys){ this.data[k] = null; } return true; } } return false; }; /** * 遍歷Map,執(zhí)行處理函數(shù) * * @param {Function} 回調(diào)函數(shù) function(key,value,index){..} */ this.each = function(fn){ if(typeof fn != 'function'){ return; } var len = this.keys.length; for(var i=0;i<len;i++){ var k = this.keys[i]; fn(k,this.data[k],i); } }; /** * 獲取鍵值數(shù)組 * @return entity[{key,value},{key,value}] */ this.entrySet = function() { var len = this.keys.length; var entrys = new Array(len); for (var i = 0; i < len; i++) { entrys[i] = { key : this.keys[i], value : this.data[this.keys[i]] }; } return entrys; }; /** * 判斷Map是否為空 */ this.isEmpty = function() { return this.keys.length == 0; }; /** * 獲取鍵值對(duì)數(shù)量 */ this.size = function(){ return this.keys.length; }; this.containsKey=function(key){ return this.keys.filter(function(v){ if(v===key){ return key; } }).length>0; }; /** * 重寫(xiě)toString */ this.toString = function(){ var s = "{"; for(var i=0;i<this.keys.length;i++){ var k = this.keys[i]; s += k+"="+this.data[k]; if(this.keys.length>i+1){ s+=',' } } s+="}"; return s; }; /** * 解析字符串到Map * {a=A,b=B,c=B,} */ this.parserStringAndAddMap=function(str){ var count=0; if(str && str.length>0){ str=str.trim(); var startIndex=str.indexOf("{"),endIndex=str.lastIndexOf("}"); if(startIndex!==-1 && endIndex!==-1){ str=str.substring(startIndex+1,endIndex); var arrs= str.split(","); for(var i=0;i<arrs.length;i++){ var kv=arrs[i].trim(); if(kv.length>0 && kv.indexOf("=")!==-1){ var kv_arr=kv.split("="); if(kv_arr.length==2){ if(this.put(kv_arr[0].trim(),kv_arr[1].trim())){ count++; }else{ console.error('error: kv:'+kv); } } } } }else{ console.log("data error:"+str); } }else{ console.log('data is not empty'); } return count; }; }
代碼二:
Array.prototype.remove = function(s) { for (var i = 0; i < this.length; i++) { if (s == this[i]) this.splice(i, 1); } } /** * Simple Map * * * var m = new Map(); * m.put('key','value'); * ... * var s = ""; * m.each(function(key,value,index){ * s += index+":"+ key+"="+value+"\n"; * }); * alert(s); * * @author dewitt * @date 2008-05-24 */ function Map() { /** 存放鍵的數(shù)組(遍歷用到) */ this.keys = new Array(); /** 存放數(shù)據(jù) */ this.data = new Object(); /** * 放入一個(gè)鍵值對(duì) * @param {String} key * @param {Object} value */ this.put = function(key, value) { if(this.data[key] == null){ this.keys.push(key); } this.data[key] = value; }; /** * 獲取某鍵對(duì)應(yīng)的值 * @param {String} key * @return {Object} value */ this.get = function(key) { return this.data[key]; }; /** * 刪除一個(gè)鍵值對(duì) * @param {String} key */ this.remove = function(key) { this.keys.remove(key); this.data[key] = null; }; /** * 遍歷Map,執(zhí)行處理函數(shù) * * @param {Function} 回調(diào)函數(shù) function(key,value,index){..} */ this.each = function(fn){ if(typeof fn != 'function'){ return; } var len = this.keys.length; for(var i=0;i<len;i++){ var k = this.keys[i]; fn(k,this.data[k],i); } }; /** * 獲取鍵值數(shù)組(類(lèi)似Java的entrySet()) * @return 鍵值對(duì)象{key,value}的數(shù)組 */ this.entrys = function() { var len = this.keys.length; var entrys = new Array(len); for (var i = 0; i < len; i++) { entrys[i] = { key : this.keys[i], value : this.data[i] }; } return entrys; }; /** * 判斷Map是否為空 */ this.isEmpty = function() { return this.keys.length == 0; }; /** * 獲取鍵值對(duì)數(shù)量 */ this.size = function(){ return this.keys.length; }; /** * 重寫(xiě)toString */ this.toString = function(){ var s = "{"; for(var i=0;i<this.keys.length;i++,s+=','){ var k = this.keys[i]; s += k+"="+this.data[k]; } s+="}"; return s; }; }
function testMap(){ var m = new Map(); m.put('key1','Comtop'); m.put('key2','南方電網(wǎng)'); m.put('key3','景新花園'); alert("init:"+m); m.put('key1','康拓普'); alert("set key1:"+m); m.remove("key2"); alert("remove key2: "+m); var s =""; m.each(function(key,value,index){ s += index+":"+ key+"="+value+"\n"; }); alert(s); }
以上內(nèi)容通過(guò)兩段代碼給大家分享了JavaScript中實(shí)現(xiàn)Map,希望大家喜歡。
相關(guān)文章
使用KrpanoToolJS在瀏覽器切圖的實(shí)例詳解
這篇文章主要介紹了使用KrpanoToolJS在瀏覽器切圖的實(shí)例詳解,大概是需要在瀏覽器中將全景圖轉(zhuǎn)為立方體圖、多層級(jí)瓦片圖,通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-10-10JavaScript 點(diǎn)擊頁(yè)面上的按紐,彈出層,背景變灰
點(diǎn)擊頁(yè)面上的按紐,彈出一個(gè)層,背景變灰,這樣的效果現(xiàn)在網(wǎng)頁(yè)應(yīng)用的比較多,這里只是個(gè)簡(jiǎn)單的實(shí)現(xiàn)方式2010-06-06JavaScript利用生成器函數(shù)實(shí)現(xiàn)優(yōu)雅處理異步任務(wù)流
Generators?是?JavaScript?中的一種特殊函數(shù),它們可以暫停執(zhí)行并根據(jù)需要生成多個(gè)值,本文將詳細(xì)介紹?generators?的作用、用法以及與其他語(yǔ)言特性的配合使用,希望對(duì)大家有所幫助2023-07-07js利用cookie實(shí)現(xiàn)記住用戶(hù)頁(yè)面操作
這篇文章主要給大家介紹了關(guān)于js利用cookie實(shí)現(xiàn)記住用戶(hù)頁(yè)面操作的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-03-03JS+css 圖片自動(dòng)縮放自適應(yīng)大小
編輯器上傳的圖片太大了,把FF和IE撐的走形,所以希望圖片在某些頁(yè)面里要有固定大小,如果需要某個(gè)范圍,用getElementByname來(lái)設(shè)定,也是一個(gè)道理:2013-08-08JS利用cookies設(shè)置每隔24小時(shí)彈出框
這篇文章主要介紹了利用cookies設(shè)置每隔24小時(shí)彈出框的實(shí)例代碼,需要的朋友可以參考下2017-04-04js編碼之encodeURIComponent使用介紹(asp,php)
因此對(duì)于JS腳本又重新研究了一下。在對(duì)新的URL編碼的時(shí)候發(fā)現(xiàn),網(wǎng)頁(yè)編碼的格式對(duì)于JS的影響很大,在這里書(shū)寫(xiě)一點(diǎn)2012-03-03將form表單中的元素轉(zhuǎn)換成對(duì)象的方法適用表單提交
這篇文章主要介紹了如何將form表單中的元素轉(zhuǎn)換成對(duì)象,需要的朋友可以參考下2014-05-05