zoukankan      html  css  js  c++  java
  • javascript检测对象中是否存在某个属性判断方法小结

    检测对象中属性的存在与否可以通过几种方法来判断。 
    1.使用in关键字
    该方法可以判断对象的自有属性和继承来的属性是否存在。 

    代码如下:

    var o={x:1}; 
    "x" in o; //true,自有属性存在 
    "y" in o; //false 
    "toString" in o; //true,是一个继承属性 


    2.使用对象的hasOwnProperty()方法 
    该方法只能判断自有属性是否存在,对于继承属性会返回false。 

    代码如下:

    var o={x:1}; 
    o.hasOwnProperty("x");    //true,自有属性中有x 
    o.hasOwnProperty("y");    //false,自有属性中不存在y 
    o.hasOwnProperty("toString"); //false,这是一个继承属性,但不是自有属性 


    3.用undefined判断 
    自有属性和继承属性均可判断。 

    复制代码代码如下:

    var o={x:1}; 
    o.x!==undefined; //true 
    o.y!==undefined; //false 
    o.toString!==undefined //true 


    该方法存在一个问题,如果属性的值就是undefined的话,该方法不能返回想要的结果,如下。

    代码如下:


    var o={x:undefined}; 
    o.x!==undefined; //false,属性存在,但值是undefined 
    o.y!==undefined; //false 
    o.toString!==undefined //true 


    4.在条件语句中直接判断

    代码如下:


    var o={}; 
    if(o.x) o.x+=1; //如果x是undefine,null,false," ",0或NaN,它将保持不变
     
    求出一个html标签的所有属性的代码:
           
      <a href='http://baidu.com'>baidu</a>
    <script> var a=document.getElementById('a1'); var s=''; //求出html标签的属性 for (var property in a) { s=s+" || "+property+" : "+a[property]; // document.write(property +" : "+a[property]+"<br/>"); }
    </script>
  • 相关阅读:
    犀牛书学习笔记(2):对象和数组
    犀牛书学习笔记(1):语法结构、数据类型和值、表达式和运算符
    小学了一下css hack
    git学习系列--六分之一
    稍览了一下CommonJS
    意识流_六分之一
    两升的心思系列之-----粒子的预备
    mybatis_延迟加载
    mybatis_动态SQL
    mybatis_mapper动态代理
  • 原文地址:https://www.cnblogs.com/gwq369/p/5519038.html
Copyright © 2011-2022 走看看