JS 自定义对象实现Java中的Map对象功能

Java中有集合，Map等对象存储工具类，这些对象使用简易，但是在JavaScript中，你只能使用Array对象。

这里我创建一个自定义对象，这个对象内包含一个数组来存储数据，数据对象是一个Key，可以实际存储的内容！

 

这里Key，你要使用String类型，和Java一样，你可以进行一些增加，删除，修改，获得的操作。

使用很简单，我先把工具类给大家看下：

/**
 * @version 1.0
 * @author [e-mail]
 * 用于实现页面 Map 对象，Key只能是String，对象随意
 */
var Map = function(){
	this._entrys = new Array();
	
    this.put = function(key, value){
        if (key == null || key == undefined) {
            return;
        }
        var index = this._getIndex(key);
        if (index == -1) {
            var entry = new Object();
            entry.key = key;
            entry.value = value;
            this._entrys[this._entrys.length] = entry;
        }else{
            this._entrys[index].value = value;
        }        
    };
    this.get = function(key){
        var index = this._getIndex(key);
        return (index != -1) ? this._entrys[index].value : null;
    };
    this.remove = function(key){
        var index = this._getIndex(key);
        if (index != -1) {
            this._entrys.splice(index, 1);
        }
    };
    this.clear = function(){
        this._entrys.length = 0;;
    };
    this.contains = function(key){
        var index = this._getIndex(key);
        return (index != -1) ? true : false;
    };
    this.getCount = function(){
        return this._entrys.length;
    };
    this.getEntrys =  function(){
        return this._entrys;
    };
   this._getIndex = function(key){
        if (key == null || key == undefined) {
            return -1;
        }
        var _length = this._entrys.length;
        for (var i = 0; i < _length; i++) {
            var entry = this._entrys[i];
            if (entry == null || entry == undefined) {
                continue;
            }
            if (entry.key === key) {//equal
                return i;
            }
        }
        return -1;
    };
}

 

如果你不懂Js中对象的创建等一些基础知识，自己可以网上查一下。

// 自定义Map对象
var map = new Map();
map.put("a","a");
alert(map.get("a"));
map.put("a","b");
alert(map.get("a"));

 

先弹出 a 后面弹出 b ，因为后面的会覆盖前面的！

其他方法大家自己写写看！

 

请您到ITEYE看我的原创：http://cuisuqiang.iteye.com

或支持我的个人博客，地址：http://www.javacui.com

 

评论

8 楼 BuN_Ny 2012-09-04  

BuN_Ny 写道

(function(){
  var Map = function(){
    this._data = {};
    //...
  };
  Map.prototype = {
    put: function(key, val){
      this._data[key] = val;
    },
    get: function(key){
      return this._data[key];
    }
  };
})();


直接写的，不知道能不能运行。

不好意思，漏了点东西。。。

(function(W){
  var Map = function(){
    this._data = {};
    //...
  };
  Map.prototype = {
    put: function(key, val){
      this._data[key] = val;
    },
    get: function(key){
      return this._data[key];
    }
  };
  W.Map = Map;
})(window);

7 楼 BuN_Ny 2012-09-04  

(function(){
  var Map = function(){
    this._data = {};
    //...
  };
  Map.prototype = {
    put: function(key, val){
      this._data[key] = val;
    },
    get: function(key){
      return this._data[key];
    }
  };
})();


直接写的，不知道能不能运行。

6 楼 cuisuqiang 2012-06-26  

zhukewen_java 写道

水平确实一般

谢谢批评，JS功底我确实不行

5 楼 zhukewen_java 2012-06-26  

水平确实一般

4 楼 cuisuqiang 2012-06-26  

DDT_123456 写道

 this._getIndex = function(key){  
        if (key == null || key == undefined) {  
            return -1;  
        }  
        var _length = this._entrys.length;  
        for (var i = 0; i < _length; i++) {  
            var entry = this._entrys[i];  
            if (entry == null || entry == undefined) {  
                continue;  
            }  
            if (entry.key === key) {//equal  
                return i;  
            }  
        }  
        return -1;  
    };

你这又是何必呢。
JS对象{}本来就是K-V的你何必用数组呢？不过 JS对象里的关键字你倒是要考虑一下咯。

多谢指点

3 楼 zyhui98 2012-06-25  

用两个数组，一个保存key，一个保存value，两个下标相同，这样效率高点吧。

2 楼 DDT_123456 2012-06-18  

同学把文章改改吧，不要误导新同学咯。

1 楼 DDT_123456 2012-06-18  

 this._getIndex = function(key){  
        if (key == null || key == undefined) {  
            return -1;  
        }  
        var _length = this._entrys.length;  
        for (var i = 0; i < _length; i++) {  
            var entry = this._entrys[i];  
            if (entry == null || entry == undefined) {  
                continue;  
            }  
            if (entry.key === key) {//equal  
                return i;  
            }  
        }  
        return -1;  
    };

你这又是何必呢。
JS对象{}本来就是K-V的你何必用数组呢？不过 JS对象里的关键字你倒是要考虑一下咯。