Javascript 字典应用实例

字典时一个很有用的工具，在之前C#项目中有经常使用，这篇博文主要讲解在Javascript中，字典的实际应用场景

首先在JS中，是没有Dictionary‘类的，我们需要实现键值（KEY） -- 数值（VALUE）的对应关系，最好的办法就是用数组

首先交代下背景，我需要根据数组里的站点编号，获取到对应的站点名称

首先通过Thrift接口，获取到数据库里面的设备信息，通过Ajax传输到js页面，遍历数组

PS : 数据结构如下：

# 设备信息  struct Device{int id，# string name，.....};

# 站点信息  struct Site{int id，# string name，.....,list<Device> lsDevices};

# 区域信息  struct Area{int id，# string name，.....,list<Site> lsSites};

首先获取到区域信息，然后根据list<Site> lsSites的length判断有无站点，如果有，获取信息，以此类推

我在CSDN上面找到一个写的比较全的，在他的基础上，我做了稍许修改，提取了我需要的部分

代码如下：

     function Dictionary() {
         this.datastore = new Array();
         this.add = function (key, value) {
             this.datastore[key] = value;
         }
         this.find =  function (key) {
             return this.datastore[key];
         }
     }

然后实例化Dictionary类

 var adddevide = new  Dictionary();

开始遍历数组，传值，代码如下：

 //设备编号字典
     function  dictionarydevice(list) {
         var length = list.length;
         //存贮设备ID
         var ID = "";
         //存储设备名称
         var Name = "";

         var i = 0;
         var ii = 0;
         var iii = 0;

         for( i = 0;i<length;i++){
             ID =  list[i].szAreaID;
             Name =  list[i].szAreaName;
             adddevide.add(ID,Name);
             if(list[i].lsSites.length === 0){
                break;
             }
             else{
                 for( ii = 0;ii<list[i].lsSites.length;ii++){
                     ID =  list[i].lsSites[ii].szSiteID;
                     Name =  list[i].lsSites[ii].szSiteName;
                     adddevide.add(ID,Name);
                     if(list[i].lsSites[ii].lsDevices.length === 0){
                         break;
                     }
                     else{
                         for( iii = 0;iii<list[i].lsSites[ii].lsDevices.length;iii++) {
                             ID = list[i].lsSites[ii].lsDevices[iii].szDeviceID;
                             Name = list[i].lsSites[ii].lsDevices[iii].szDeviceName;
                             adddevide.add(ID, Name);
                         }
                     }
                 }
             }
         }

         alert(adddevide.find("JS0101"));
     }

运行程序，出现JS0101对应的站点，字典完成