判断对象是否具有属性的 5 种方法

aeb7a531787ee036c4b31bf98675aebe.png

英文 | https://javascript.plainenglish.io/5-ways-to-judge-if-an-object-has-a-property-ec6aa24187af

在编程开发时,我们经常需要判断一个对象是否具有某种属性。在这里,我们列出 了5种判断对象属性的方法。

1、in Operator

如果指定属性在指定对象或其原型链中,则 in Operator 返回 true。

用法:

65cb6c23921c7bd0b480fc6f0aaa405a.png

但是 in Operator有个缺点,那就是:如果属性来自对象的原型,它仍然会返回 true。

21b0c731a966a5c3a8aa3d10013a8df3.png

2、Reflect.has() 方法

Reflect.has 方法允许我们检查属性是否在对象中。它像 in Operator 一样作为函数工作。

用法:

fe0fac3e8871bc0c9a2691d3a4cda1be.png

3、 hasOwnProperty() 方法

hasOwnProperty() 方法返回一个布尔值,指示对象是否具有指定的属性作为它自己的属性(而不是继承它)。

它可以正确地区分对象本身的属性和其原型的属性。

用法:

b165df1e3d32a5225a2d9be0289b4765.png

但是这种写法有个缺点,就是如果对象是用Object.create(null)创建的话,那么就不能用这个方法了。

de1a3639692c4c0bc53293321a1c0b60.png

4、Object.prototype.hasOwnProperty() 方法

解决前面的问题很简单,我们只需要使用Object.prototype.hasOwnProperty。该方法是直接调用内置的有效用函数,跳过原型链。

53917d97c52912061844110bbb35d6e9.png

5、Object.hasOwn() 方法

由于前面的几种方式都不优雅,ES2022有一个新的提议:Object.hasOwn

如果指定的对象具有指定的属性作为其自己的属性,则 Object.hasOwn() 静态方法返回 true。如果属性被继承或不存在,则该方法返回 false。

用法:

954c1ebfed023331159f6b7c0f150f92.png

写在最后

以上就是我今天跟你分享的5种判断对象属性的方法,希望对你有用。

如果你喜欢我今天的内容的话,请记得点赞我,关注我。

最后,感谢你的阅读,祝编程愉快!

学习更多技能

请点击下方公众号

b478a50df589d764ce079eb72d90b1c8.gif

ce98d76aea8cee8d391ce0857cb93ae8.png

29db4d0049c8a01543c6f8c7f82ad65b.png

  • 8
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值