[JS] 簡單map實現 （普通和 jquery 版本）

閑來無事寫了個javascript 版本的map，希望能用最少的代碼實現以下功能： 儲存key-value對 取key-value對 用數組的方法遍曆map

首先我們來看下普通的版本：

(function($){ $.imap = function(){ var imap = this.map = {}; this.get = function(key){ var val = eval("imap."+key); return (typeof val === undefined) ? null : val; }; this.set = function(key,value){ eval("imap."+key+"=value"); }; }; })(window);

 

接下來是測試案例呵呵。。

var map = new window.imap(); 19 map.set('strKey','hello world'); 20 document.write("the value of key 'strKey' in map is " + map.get('strKey')+"<br/ >"); 21 22 var obj = { a : 'z'}; 23 map.set('objKey' , obj); 24 document.write("the value of key 'objKey' in map is " + map.get('objKey')+"<br/ >");

 

 

遍曆map的所有元素：

for(var ele in map.map){ document.write("key:"+ele +"//value:"+ map.get(ele)+"<br/>"); }

 

只要將上面的window 換成 “$”就是juqery的版本了，很方便吧。

 

上述版本是基於對象實現的map，所以這裡有個限制 ：map的key值不能為數字開頭的key