zoukankan      html  css  js  c++  java
  • 使用JS构建简单Map(转)

    转载自:http://freejvm.iteye.com/blog/768025

    最近使用源生的js处理页面数据,所谓源生的就是指没有经过包装的、最基本的JavaScript代码; 
    像使用ext,jQuery...说成非源生的代码;自己做个轮子:一个简单的map; 
    在js里,对象是属性的集合,属性是合法的js标识符,属性名是String类型; 
    属性可以有值,也可以没值(undefined),属性的值可以是原始类型,也可以是对象; 
    js里,函数也是对象,值为函数的属性是对象的方法; 
    可以在运行时为对象添加属性,这也是动态语言的一个特点,这样的特点可以使代码很灵活,同样也可以让代码很难维护; 
    当创建一个函数时,系统/引擎会自动给它添加一个属性prototype,如:

    function Fn(){}  
    alert(typeof Fn.prototype); //object  

    此时,prototype指向一个对象,或prototype的值为一个对象,这也是默认的赋值;

    Fn.prototype=1;  
    alert(typeof Fn.prototype); //number //这样就修改了prototype的值,不过意义不大  

    使用prototype可以设计继承机构,我现在还没有足够的内功和口才叙述它, 
    片面的理解就是一句话:相同类型的对象具备此类型prototype的属性; 
    下面就看看我的map吧 

    function getMap(){//初始化map_,给map_对象增加方法,使map_像个Map  
        var map_=new Object();  
        //属性加个特殊字符,以区别方法名,统一加下划线_  
        map_.put=function(key,value){    map_[key]=value;}   
        map_.get=function(key){    return map_[key];}  
        map_.remove=function(key){    delete map_[key];}      
        map_.keyset=function(){  
            var ret="";  
            for(var p in map_){      
                if(typeof p =='string' && p.substring(p.length-1)=="_"){   
                    ret+=",";  
                    ret+=p;  
                }  
            }             
            if(ret==""){  
                return ret.split(","); //empty array  
            }else{  
                return ret.substring(1).split(",");   
            }  
        }     
        return map_;  
    }  
    var map_=getMap();  
    map_.put('id_',"001");  
    map_.put('name_',"anna");  
    alert(map_.keyset()); //id_,name_  
    var keys=map_.keyset();  
    for(var i=0;i<keys.length;i++){      
        alert(map_.get(keys[i])); //001,then anna  
    }  
    map_.put("course_",new Array());  
    map_.get("course_").push("Math");  
    map_.get("course_").push("English");  
    map_.get("course_").push("Physics");  
    alert(map_.get("course_")); //Math,English,Physics  

    可以在此map_的基础之上构建复杂点的数据结构,如:树状结构; 
    js学习中...想看一些关于js优化、内存管理的书籍,了解的同仁可以推荐一下,OTZ 

  • 相关阅读:
    Codeforces Round #246 (Div. 2) —B. Football Kit
    expected expression __bridge
    ACM-百度之星资格赛之Energy Conversion——hdu4823
    xml解析-jaxp之dom解析
    NTP原理初步与配置
    Android开发学习之TabView选项卡具体解释 -- 基于Android4.4
    Apache轻量级性能測试工具--ab
    BAT的云
    03001_数据库
    ASP.NET调用dos命令获取交换机流量
  • 原文地址:https://www.cnblogs.com/zrui-xyu/p/5146170.html
Copyright © 2011-2022 走看看