`
wutao33543
  • 浏览: 63668 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
文章分类
社区版块
存档分类
最新评论

Prototype使用学习手册指南之Hash.js

阅读更多
Hash对象(关联数组)是Prototype新建的一个对象,也是属于Prototype的基本js类库,Prototype中的Hash只是javascript的关联数组(对象)而已。要创建一个Hash对象可以调用$H(object)方法,使用这个方法将生成一个基于object对象的Hash对象,生成的Hash对象将object的属性名作为key,将object的属性值最为键值,因为javascript本身的特点(对象本身就是关联数组) ,所以实现Hash也很简单。另外大家需要知道的是Prototype中的Hash对象继承自Enumerable对象,所以也具有Enumerable对象的所有属性和方法,它具有以下的方法:



keys(): 返回hash的键值数组


values(): 返回值得数组


merge(hash): 合并两个hash


toQueryString(): 跟string的toQueryParams方法想法,将hash转化为一个querystring, 会调用encodeURIComponent对键和值进行编码


inspect(): hash的字符串表示


因为hash只是javascript的一个普通的对象而已,所以添加一个键值对使用: hash[key]=value就可以了,删除一个键值对使用 detele hash[key]就可以了

另外还可以使用下面来实现js的hash表,嘻嘻
<script type="text/javascript">
<!--
function Hash() {
  this.length = 0;
  this.items = new Array();
  for (var i = 0; i < arguments.length; i += 2) {
    if (typeof(arguments[i + 1]) != 'undefined') {
      this.items[arguments[i]] = arguments[i + 1];
      this.length++;
    }
  }

  this.removeItem = function(in_key)
  {
    var tmp_value;
    if (typeof(this.items[in_key]) != 'undefined') {
      this.length--;
      var tmp_value = this.items[in_key];
      delete this.items[in_key];
    }
  
    return tmp_value;
  }

  this.getItem = function(in_key) {
    return this.items[in_key];
  }

  this.setItem = function(in_key, in_value)
  {
    if (typeof(in_value) != 'undefined') {
      if (typeof(this.items[in_key]) == 'undefined') {
        this.length++;
      }

      this.items[in_key] = in_value;
    }
  
    return in_value;
  }

  this.hasItem = function(in_key)
  {
    return typeof(this.items[in_key]) != 'undefined';
  }
}

var myHash = new Hash(
  'one', 1,
  'two', 2,
  'three', 3,
);

document.write( myHash.getItem('two') );
//-->
</script>
<form name="h0">
KEY: <input type="text" name="h1" value="two" />
VALUE: <input type="text" name="h2" value="222222" />
<input type="button" value="setItem" onclick="myHash.setItem(h0.h1.value,h0.h2.value);" />
<input type="button" value="getItem" onclick="alert(myHash.getItem(h0.h1.value));" />
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics