javascript实现java中的Map,代码是在国外的一个网站上看到的(http://*.com/questions/368280/javascript-hashmap-equivalent),自己稍作了修改,之前也看到过有人用2个数组实现了Map,但是我感觉效率比较低,现在这个我感觉效率还可以,自己做了下测试,代码如下:
Map.js
- function Map(linkItems) {
- this.current = undefined;
- this._size = 0;
- if(linkItems === false){
- this.disableLinking();
- }
- }
- /**
- * 获取当前map
- * @return 当前对象
- */
- Map.noop = function() {
- return this;
- };
- /**
- * 非法操作
- * @return
- */
- Map.illegal = function() {
- throw new Error("非法操作,Map已经被禁用");
- };
- /**
- *
- * @param obj
- * @param foreignKeys
- * @return
- */
- Map.from = function(obj, foreignKeys) {
- var map = new Map;
- for(var prop in obj) {
- if(foreignKeys || obj.hasOwnProperty(prop)){
- map.put(prop, obj[prop]);
- }
- }
- return map;
- };
- /**
- * 禁用map
- * @return
- */
- Map.prototype.disableLinking = function() {
- this.link = Map.noop;
- this.unlink = Map.noop;
- this.disableLinking = Map.noop;
- this.next = Map.illegal;
- this.key = Map.illegal;
- this.value = Map.illegal;
- this.clear = Map.illegal;
- return this;
- };
- /**
- * 返回hash值 例如:number 123
- * @param value key/value
- * @return
- */
- Map.prototype.hash = function(value) {
- return (typeof value) + ‘ ‘ + (value instanceof Object ? (value.__hash || (value.__hash = ++arguments.callee.current)) : value.toString());
- };
- /**
- * 返回map的长度
- * @return
- */
- Map.prototype.size = function() {
- return this._size;
- };
- Map.prototype.hash.current = 0;
- /**
- * 通过key获取value
- * @param key
- * @return
- */
- Map.prototype.get = function(key) {
- var item = this[this.hash(key)];
- return item === undefined ? undefined : item.value;
- };
- /**
- * 向map中添加数据
- * @param key 键
- * @param value 值
- * @return
- */
- Map.prototype.put = function(key, value) {
- var hash = this.hash(key);
- if(this[hash] === undefined) {
- var item = { key : key, value : value };
- this[hash] = item;
- this.link(item);
- ++this._size;
- }else{
- this[hash].value = value;
- }
- return this;
- };
- /**
- * 通过key删除数据
- * @param key
- * @return
- */
- Map.prototype.remove = function(key) {
- var hash = this.hash(key);
- var item = this[hash];
- if(item !== undefined) {
- --this._size;
- this.unlink(item);
- delete this[hash];
- }
- return this;
- };
- /**
- * 清除map
- * @return
- */
- Map.prototype.clear = function() {
- while(this._size){
- this.remove(this.key());
- }
- return this;
- };
- /**
- * 处理队列
- * @param item
- * @return
- */
- Map.prototype.link = function(item) {
- if(this._size == 0) {
- item.prev = item;
- item.next = item;
- this.current = item;
- }else {
- item.prev = this.current.prev;
- item.prev.next = item;
- item.next = this.current;
- this.current.prev = item;
- }
- };
- Map.prototype.unlink = function(item) {
- if(this._size == 0){
- this.current = undefined;
- }else {
- item.prev.next = item.next;
- item.next.prev = item.prev;
- if(item === this.current){
- this.current = item.next;
- }
- }
- };
- /**
- * 获取下一个
- * @return
- */
- Map.prototype.next = function() {
- this.current = this.current.next;
- return this;
- };
- /**
- * 获取key
- * @return
- */
- Map.prototype.key = function() {
- return this.current.key;
- };
- /**
- * 获取value
- * @return
- */
- Map.prototype.value = function() {
- return this.current.value;
- };
测试代码如下:
- var l=10000;
- var map=new Map();
- var start=new Date().getTime();
- for(var i=0;i<l;i++){
- map.put("key_"+i,new Date());
- }
- var end=new Date().getTime();
- document.write("向map中添加了 "+l+" 个Date对象..........");
- document.write("<br/>");
- document.write("耗时 "+(end-start)+" 毫秒,map的长度为:"+map.size());
- document.write("<br/>");
- document.write("在map中提取全部数据..........");
- document.write("<br/>");
- start=new Date().getTime();
- for(var i=0;i<map.size();i++){
- map.get("key_"+i).getTime();
- }
- end=new Date().getTime();
- document.write("耗时 "+(end-start)+" 毫秒");
- document.write("<br/>");
- document.write("清空map..........");
- document.write("<br/>");
- start=new Date().getTime();
- map.clear();
- end=new Date().getTime();
- document.write("耗时 "+(end-start)+" 毫秒,map的长度为:"+map.size());
- document.write("<br/>");
测试结果如下:
1.IE7
2.Firefox 3.6.8
3.谷歌浏览器5.0
方法next的使用:
- var map=new Map();
- map.put("key_1","value_1");
- map.put("key_2","value_2");
- map.put("key_3","value_3");
- var m=map.next();
- document.write("map.next:key="+m.key()+" value="+m.value());
- document.write("<br/>");
- m=map.next();
- document.write("map.next:key="+m.key()+" value="+m.value());
结果如下:
- map.next:key=key_2 value=value_2
- map.next:key=key_3 value=value_3