当前位置:Gxlcms > JavaScript > js判断有无属性的方法

js判断有无属性的方法

时间:2021-07-01 10:21:17 帮助过:8人阅读

本文主要和大家分享js判断有无属性的方法,希望能帮助到大家。

访问对象属性

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,它将保持不变

访问对象属性

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,它将保持不变

相关推荐:

学习了解javascript中script的标签属性

js动态创建标签以及设置属性的方法

javascript对象有哪三个属性

以上就是js判断有无属性的方法的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行