首页 > web前端 > js教程 > 正文

js判断有无属性的方法

小云云
发布: 2018-03-20 17:19:10
原创
1312 人浏览过

本文主要和大家分享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判断有无属性的方法的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!