js判断有无属性的方法-js教程-PHP中文网

js判断有无属性的方法

小云云

发布： 2018-03-20 17:19:10

原创

1555人浏览过

本文主要和大家分享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,它将保持不变

登录后复制

大家都在看：

基于后端数据的表单元素动态控制：Flask与JavaScript实现教程 JavaScript 中将单行扁平化对象数组拆分为多行独立对象使用JavaScript的reduce方法进行复杂数组对象转换与聚合 JavaScript实现下拉选择时区并实时显示时间及相关信息 JavaScript中如何将扁平化对象拆分为结构化对象数组