Object. hasOwnProperty方法

墨蓝 2022-04-02 15:58 317阅读 0赞

## **hasOwnProperty基本概念** ##

hasOwnProperty() 方法会返回一个布尔值，指示对象自身属性中（非继承属性）是否具有指定的属性，  
如果 object 具有带指定名称的属性，则 hasOwnProperty 方法返回 true，否则返回 false。此方法不会检查对象原型链中的属性；该属性必须是对象本身的一个成员。

## **使用语法** ##

obj.hasOwnProperty(prop)

## **参数** ##

> obj，必需。对象的实例。  
> prop，必需。一个属性名称的字符串值。

\#\# \*\* demo\*\* 判断自身属性是否存在

//实例化一个对象
    const obj = new Object();
    //为obj添加属性name
    obj.name = "刘家军";
    //为obj添加属性hobby
    obj.hobby="knockCode"
    
    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('hobby');
    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:"刘家军",
        hobby:"knockCode"
    }
    for (let key in obj) { 
        if (obj.hasOwnProperty(key)) { 
            console.log(`${ key}: ${ obj[key]}`)
        }
        else { 
            console.log(key); 
        }
    }

输出  
![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyOTExNjYz_size_16_color_FFFFFF_t_70][]  
JavaScript 并没有保护 hasOwnProperty 属性名,使用起来可能会有坑

参考链接:[Object.prototype.hasOwnProperty()  
][Object.prototype.hasOwnProperty_]

友情链接：[点击查看所有文章目录][Link 1]

友情链接：[点击查看　JavaScript原型与原型链系列文章目录][JavaScript]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyOTExNjYz_size_16_color_FFFFFF_t_70]: /images/20220402/20c763cc59fb479b9678edc1d620af27.png
[Object.prototype.hasOwnProperty_]: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/hasownproperty
[Link 1]: https://blog.csdn.net/qq_42911663/article/details/86365901
[JavaScript]: https://blog.csdn.net/qq_42911663/article/details/86368799