hasOwnProperty基本概念
hasOwnProperty() 方法會返回一個布林值，指示物件自身屬性中（非繼承屬性）是否具有指定的屬性， 如果 object 具有帶指定名稱的屬性，則 hasOwnProperty 方法返回 true，否則返回 false。此方法不會檢查物件原型鏈中的屬性；該屬性必須是物件本身的一個成員。
使用語法
obj.hasOwnProperty(prop)
複製程式碼引數
obj，必需。物件的例項。 prop，必需。一個屬性名稱的字串值。
demo
判斷自身屬性是否存在
//例項化一個物件
const obj = new Object();
//為obj新增屬性name
obj.name = "陌上寒";
//為obj新增屬性sex
obj.sex="male"
const a = obj.hasOwnProperty('name');
console.log(a);// true
//刪除obj的name屬性
delete obj.name
const b = obj.hasOwnProperty('name');
console.log(b); // false
const c = obj.hasOwnProperty('sex');
console.log(c); // true
複製程式碼無法通過obj.hasOwnProperty(prop)判斷繼承屬性
obj= new Object();
obj.name = '陌上寒';
const a = obj.hasOwnProperty('name');
console.log(a);//true
const b = obj.hasOwnProperty('toString');
console.log(b);//false
const c = obj.hasOwnProperty('hasOwnProperty');
console.log(c);//false
複製程式碼如果要判斷繼承屬性，通過原型鏈prototype判斷
const d = Object.prototype.hasOwnProperty('toString')
console.log(d);//true
const e = String.prototype.hasOwnProperty('split')
console.log(e);//true
複製程式碼遍歷一個物件的所有自身屬性
通過for...in迴圈物件的所有列舉屬性，然後再使用hasOwnProperty()方法來忽略繼承屬性。 換一種寫法
const obj ={
name:"陌上寒",
sex:"male"
}
for (let key in obj) {
if (obj.hasOwnProperty(key)) {
console.log(`${key}: ${obj[key]}`)
}
else
console.log(key);
}
}
複製程式碼
JavaScript 並沒有保護 hasOwnProperty 屬性名,使用起來可能會有坑
const foo = {
hasOwnProperty: function() {
return false;
},
bar: '這是一個坑，可能永遠返回false'
};
const hasBar = foo.hasOwnProperty('bar');
console.log(hasBar);// 始終返回 false
// 如果擔心這種情況，可以直接使用原型鏈上真正的 hasOwnProperty 方法
const a = ({}).hasOwnProperty.call(foo, 'bar'); // true
console.log(a);
// 也可以使用 Object 原型上的 hasOwnProperty 屬性
const b = Object.prototype.hasOwnProperty.call(foo, 'bar'); // true
console.log(b);
複製程式碼參考連結： Object.prototype.hasOwnProperty()
hasOwnProperty 方法 (Object) (JavaScript)
