重载toString实现JS HashMap
创始人
2024-07-23 00:30:14
0

用过Java的都知道,里面有个功能强大的数据结构——HashMap,它能提供键与值的对应访问。不过熟悉JS的朋友也会说,JS里面到处都是hashmap,因为每个对象都提供了map[key]的访问形式。

不过请仔细对比一下,你会发现其中差别还是很大的。Java HashMap的key是Object类型,所以可以任何类型的参数,而JS的key只能是字符串或是数字。 你也许会说,obj={};map[obj]=1;这段代码传入了既不是数字也不是字符的key,但也没发生错误啊。那是因为解释器将obj对象通过内置的toString方法转换成“[object Object]”这段字符了,你可以用for each下map看看。而java之所以能够接受任何类型的key,是因为其Object实现了HashCode方法,而每个类都继承或重写了 Object的HashCode,所以任何变量都有一个哈希值。我们也可以用JS来尝试一下。

前面提到了toString方法,用于任何类型转成字符;和它类似的还有另一个方法:valueOf,用于转型成数字。因为数字比较容易索引,我们先尝试valueOf:

 

  1. Object.prototype.valueOf = function ()    
  2. {    
  3.      alert( "Hello~" )    
  4. };    
  5. var map = [];    
  6.  
  7. var obj = {};    
  8.  
  9. map[obj] = 1;    

 

结果很失望,对话框并没有跳出来,说明JS引擎没有尝试将obj对象转成数字。下面再尝试修改成toString方法:

view source print ?

 

  1. Object.prototype.toString = function ()    
  2. {    
  3.      alert( "Hello~" )    
  4. };    
  5. var map = {};    
  6.  
  7. var obj = {};    
  8.  
  9. map[obj] = 1;    

 

这时对话框跳出来了。当然我们没有返回数据,这个1就被保存在了map["undefined"]里面。但若我们返回一个数值,并且能保证每个变量***的数值,那么就可以用最原始的map[key]的方式索引任何类型了。我们重载Object的toString方法:

 

  1. var HASH_ID = 0;    
  2. Object.prototype.toString = function ()    
  3. {    
  4.      if ( this ._HASH == null )    
  5.  
  6.          this ._HASH = HASH_ID++;    
  7.  
  8.      return "Obj:" + this ._HASH;    
  9. };    
  10.  

 

下面来测试一下:

view source print ?

 

  1. var HashMap = {};    
  2.  
  3. var obj1 = {};    
  4.  
  5. var obj2 = {};    
  6.  
  7. HashMap[obj1] = "Foo1" ;    
  8.  
  9. HashMap[obj2] = "Foo2" ;    
  10.  
  11. alert(HashMap[obj1] + " & " + HashMap[obj2]);    
  12.  
  13. HashMap[obj1] = "Bar1" ;    
  14.  
  15. HashMap[obj2] = "Bar2" ;    
  16.  
  17. alert(HashMap[obj1] + " & " + HashMap[obj2]);    
  18.  

 

分别输出:Foo1 & Foo2 和 Bar1 & Bar2,这说明了obj1,obj2始终对应着同个索引。

当然,如果object自身重写了toString方法就不一定了,它也许每次返回都不一样的值。所以运用的时候,要根据实际情况做相应的调整

【编辑推荐】

  1. 透过Java中的HashMap了解Map接口
  2. Java中对HashMap的深度分析
  3. Java中对HashMap的深度分析与比较
  4. 深入探究J2ME Hashtable实现原理
  5. java的hashtable的用法

相关内容

热门资讯

如何允许远程连接到MySQL数... [[277004]]【51CTO.com快译】默认情况下,MySQL服务器仅侦听来自localhos...
如何利用交换机和端口设置来管理... 在网络管理中,总是有些人让管理员头疼。下面我们就将介绍一下一个网管员利用交换机以及端口设置等来进行D...
施耐德电气数据中心整体解决方案... 近日,全球能效管理专家施耐德电气正式启动大型体验活动“能效中国行——2012卡车巡展”,作为该活动的...
20个非常棒的扁平设计免费资源 Apple设备的平面图标PSD免费平板UI 平板UI套件24平图标Freen平板UI套件PSD径向平...
德国电信门户网站可实时显示全球... 德国电信周三推出一个门户网站,直观地实时提供其安装在全球各地的传感器网络检测到的网络攻击状况。该网站...
为啥国人偏爱 Mybatis,... 关于 SQL 和 ORM 的争论,永远都不会终止,我也一直在思考这个问题。昨天又跟群里的小伙伴进行...
《非诚勿扰》红人闫凤娇被曝厕所... 【51CTO.com 综合消息360安全专家提醒说,“闫凤娇”、“非诚勿扰”已经被黑客盯上成为了“木...
2012年第四季度互联网状况报... [[71653]]  北京时间4月25日消息,据国外媒体报道,全球知名的云平台公司Akamai Te...