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对应的站点，字典完成