Object. hasOwnProperty方法

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); 
    }
}

输出

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()

友情链接:点击查看所有文章目录

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

  • 3
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
JavaScript 中,`Object.hasOwnProperty()` 方法是用于检查一个对象是否具有指定的属性(不包括原型链上的属性)。它是从 `Object.prototype` 继承而来的方法。 `hasOwnProperty()` 方法接受一个参数,即要检查的属性名。它返回一个布尔值,如果对象具有指定属性,则返回 `true`,否则返回 `false`。 以下是 `Object.hasOwnProperty()` 方法的使用示例: ```javascript const myObj = { name: "C知道", age: 2 }; console.log(myObj.hasOwnProperty("name")); // true console.log(myObj.hasOwnProperty("gender")); // false ``` 在上述示例中,我们通过 `hasOwnProperty()` 方法检查了 `myObj` 对象是否具有名为 "name" 和 "gender" 的属性。由于 "name" 是 `myObj` 对象自身的属性,所以返回 `true`;而 "gender" 不是 `myObj` 对象自身的属性,所以返回 `false`。 注意,`hasOwnProperty()` 方法只会检查对象自身的属性,不会检查原型链上的属性。如果想要检查对象包括原型链上的属性,可以使用 `in` 运算符或者 `Object.prototype.hasOwnProperty.call(obj, prop)` 方法。 ```javascript const myObj = { name: "C知道", age: 2 }; console.log("name" in myObj); // true console.log("toString" in myObj); // true console.log(Object.prototype.hasOwnProperty.call(myObj, "name")); // true console.log(Object.prototype.hasOwnProperty.call(myObj, "toString")); // false ``` 在上述示例中,我们可以看到使用 `in` 运算符或者 `Object.prototype.hasOwnProperty.call()` 方法可以检查对象包括原型链上的属性。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

刘家军

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值