前言
访问一个对象中的某个属性时,返回的结果可能是undefined,这有可能是本身该属性存储的值就是undefined,也有可能是该属性在对象中不存在。对此,就产生了判断属性存在性的相关问题和解决方法。
in操作符
语法格式
var obj = {
name : "Bob",
age : 24
};
("name" in obj); //true
("sex" in obj); //false
是否查找原型链
是
该操作会检查属性在对象本身及其[[prototype]]原型链中是否存在。
var obj = {
name : "Bob",
age : 24
};
var pro = {
sex : "m"
};
obj.__proto__ = pro;
"sex" in obj; //true
所查找的属性是否必须满足可枚举(enumerable:true)
否
该操作会检查对象本身及其[[prototype]]原型链上的所有属性,无论其是否可枚举。
var obj = {
name : "Bob",
age : 24
};
Object.defineProperty(obj, "own", {
enumerable : false,
value : 5
});
("own" in obj); //true
其他说明
in
检查的是属性名,而非属性值。
obj.hasOwnProperty(attr)
语法格式
var obj = {
name : "Bob",
age : 24
};
obj.hasOwnProperty("name"); //true
obj.hasOwnProperty("sex"); //false
是否查找原型链
否
该操作仅会检查属性在对象本身是否存在,不会检查其[[prototype]]原型链。
var obj = {
name : "Bob",
age : 24
};
var pro = {
sex : "m"
};
obj.__proto__ = pro;
obj.hasOwnProperty("sex"); //false
所查找的属性是否必须满足可枚举(enumerable:true)
否
该操作会检查属对象本身上的所有属性,无论其是否可枚举。
var obj = {
name : "Bob",
age : 24
};
Object.defineProperty(obj, "own", {
enumerable : false,
value : 5
});
obj.hasOwnProperty("own"); //true
其他说明
一般来讲,所有普通对象都可以通过对Object.prototype的委托来访问hasOwnProperty(),但是,对于有些特殊情况,比如通过Object.create(null)来创建的对象,它就没有连接到Object.prototype,因此就无法使用该方法:
var a = Object.create(null);
a.name = "bob";
a.hasOwnProperty("name"); //VM2137:1 Uncaught TypeError: a.hasOwnProperty is not a function(…)
这时可通过显式绑定来达到效果:
var a = Object.create(null);
a.name = "bob";
Object.prototype.hasOwnProperty.call(a, "name"); //true
for(var k in obj)循环
语法格式
var obj = {
name : "Bob",
age : 24
};
for(var k in obj){
console.log(k, obj[k]);
}
//name Bob
//age 24
是否查找原型链
是
该操作会检查属性在对象本身及其[[prototype]]原型链中是否存在。
var obj = {
name : "Bob",
age : 24
};
var pro = {
sex : "m"
};
obj.__proto__ = pro;
//name Bob
//age 24
//sex m
所查找的属性是否必须满足可枚举(enumerable:true)
是
该操作仅会检查对象本身及其[[prototype]]原型链上的所有可枚举属性
var obj = {
name : "Bob",
age : 24
};
Object.defineProperty(obj, "own", {
enumerable : false,
value : 5
});
for(var k in obj){
console.log(k, obj[k]);
}
//name Bob
//age 24
其他说明
不要在数组上运用这种for(var k in obj)循环,因为这种枚举不仅会包含所有数值索引,还会包含所有可枚举属性,可能会产生一些问题。对于数组遍历,采用普通for循环或者forEach()方法就好。
obj.propertyIsEnumerable
语法格式
var obj = {
name : "Bob",
age : 24
};
obj.propertyIsEnumerable("name"); //true
是否查找原型链
否
该操作仅会检查属性在对象本身是否存在,不会检查其[[prototype]]原型链。
var obj = {
name : "Bob",
age : 24
};
var pro = {
sex : "m"
};
obj.__proto__ = pro;
obj.propertyIsEnumerable("sex"); //false
所查找的属性是否必须满足可枚举(enumerable:true)
是
从名字容易看出,属性必须满足enumerable:true
var obj = {
name : "Bob",
age : 24
};
Object.defineProperty(obj, "own", {
enumerable : false,
value : 5
});
obj.propertyIsEnumerable("own"); //false
Object.getOwnPropertyNames(obj)
语法格式
var obj = {
name : "Bob",
age : 24
};
Object.getOwnPropertyNames(obj); //["name", "age"]
是否查找原型链
否
该操作仅会检查属性在对象本身是否存在,不会检查其[[prototype]]原型链。
var obj = {
name : "Bob",
age : 24
};
var pro = {
sex : "m"
};
obj.__proto__ = pro;
Object.getOwnPropertyNames(obj); //["name", "age"]
所查找的属性是否必须满足可枚举(enumerable:true)
否
该操作会检查属对象本身上的所有属性,无论其是否可枚举。
var obj = {
name : "Bob",
age : 24
};
Object.defineProperty(obj, "own", {
enumerable : false,
value : 5
});
Object.getOwnPropertyNames(obj); //["name", "age", "own"]
Object.keys(obj)
语法格式
var obj = {
name : "Bob",
age : 24
};
Object.keys(obj); //["name", "age"]
是否查找原型链
否
该操作仅会检查属性在对象本身是否存在,不会检查其[[prototype]]原型链。
var obj = {
name : "Bob",
age : 24
};
var pro = {
sex : "m"
};
obj.__proto__ = pro;
Object.keys(obj); //["name", "age"]
所查找的属性是否必须满足可枚举(enumerable:true)
是
该操作仅会检查对象本身上的所有可枚举属性
var obj = {
name : "Bob",
age : 24
};
Object.defineProperty(obj, "own", {
enumerable : false,
value : 5
});
Object.keys(obj); //["name", "age"]