一、使用 in
运算符:in
运算符用于检查属性是否存在于对象中。如果要检查的属性存在于目标对象或其原型链中,则返回 true
,否则返回 false
。
const obj = {
prop: "value"
};
console.log("prop" in obj); // 输出: true
console.log("otherProp" in obj); // 输出: false
二、使用 hasOwnProperty()
方法:hasOwnProperty()
是对象的内置方法,用于检查对象自身是否有指定名称的属性。它不会检查原型链上的属性,只会检查对象自身的属性。
const obj = {
prop: "value"
};
console.log(obj.hasOwnProperty("prop")); // 输出: true
console.log(obj.hasOwnProperty("otherProp")); // 输出: false
三、使用 Object.prototype.hasOwnProperty.call()
:如果要在遇到命名冲突或命名空间的情况下使用 hasOwnProperty()
方法,可以使用这种方式。
const obj = {
prop: "value",
hasOwnProperty: function() {
return "我真的不存在啊";
}
};
console.log(obj.hasOwnProperty("prop")); // 输出: "我真的不存在啊" (本次调用的是obj重写的hasOwnproperty方法)
console.log(Object.prototype.hasOwnProperty.call(obj, "prop")); // 输出: true
console.log(Object.prototype.hasOwnProperty.call(obj, "otherProp")); // 输出: false
四、使用Object.keys(targetObj).includes(prop),这种方法某些时候能够得到正确的结果,但也存在一定缺陷:
-
原型链上的属性被忽略:
Object.keys()
只返回对象自身的可枚举属性,不包括从原型链继承而来的属性。如果要检查原型链上的属性,这种方法就不能满足需求。 -
非字符串属性名的处理:
Object.keys()
返回的是一个字符串数组,其中包含了对象的可枚举属性名。如果需要判断的属性是一个非字符串类型(例如数字、布尔值等),那么它将被转换为字符串并作为属性名进行判断。这可能会导致意外的结果。具体如下:const obj = { 1: "value1", true: "value2" }; console.log(Object.keys(obj).includes(1)); // 输出: false console.log(Object.keys(obj).includes("1")); // 输出: true console.log(Object.keys(obj).includes(true)); // 输出: false console.log(Object.keys(obj).includes("true")); // 输出: true