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