JavaScript检测对象属性存在的四种方法对比

JavaScript属性检测概述

在JavaScript开发中，判断对象是否包含特定属性是常见需求，实现这一目标有多种技术手段可供选择。

使用in关键字检测

第一种方法利用in关键字，该方式能够同时识别对象自身的属性以及从原型链继承而来的属性。

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

使用hasOwnProperty方法检测

第二种方法调用对象原型的hasOwnProperty()函数，此方式仅能检测对象自身的属性，若属性继承自原型链则返回false。

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

利用undefined值判断

第三种方法通过比较属性值与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

 
var o={};
if(o.x) o.x+=1; //如果x是undefine,null,false," ",0或NaN,它将保持不变