JS判断对象属性是否存在的五种方案
创始人
2024-06-02 23:43:44
0

in

JavaScript的in操作符可以用来判断一个属性是否属于一个对象,也可以用来变量一个对象的属性

console.log('name' in {name:'1111'})
console.log('name' in {age:11})

在这里插入图片描述

Reflect.has()

Reflect是在ES2015新增的一个内置对象,提供了与Javascript对象交互的方法。
判断一个对象是否存在某个属性,和 in 运算符] 的功能完全相同。
用法:Reflect.has(obj, propName)

Reflect.has({name:"搞前端的半夏"}, "name"); // true
Reflect.has({name:"搞前端的半夏"}, "age"); // false
Reflect.has({name:"搞前端的半夏"}, "toString"); //true

hasOwnProperty

hasOwnProperty这个方法可以用来检测一个对象是否含有特定的自身属性,即是用来判断一个属性是定义在对象本身而不是继承自原型链的

o = new Object();
o.name = '搞前端的半夏';
o.hasOwnProperty('name');             // 返回 true
o.hasOwnProperty('toString');         // 返回 false
o.hasOwnProperty('hasOwnProperty');   // 返回 falseo={name:"搞前端的半夏"}
o.hasOwnProperty('name');             // 返回 true
o.hasOwnProperty('toString');         // 返回 false
o.hasOwnProperty('hasOwnProperty');   // 返回 false

Object.prototype.hasOwnProperty()

用法:Object.prototype.hasOwnProperty.call(obj, propName);,接受两个参数。请注意我们这里用到了call。改变this的指向。
Object.prototype.hasOwnProperty除了支持hasOwnProperty的相同用法,同时还解决了hasOwnProperty的两个缺点。

o={hasOwnProperty:"搞前端的半夏"}
Object.prototype.hasOwnProperty.call.hasOwnProperty(o,'name'); // 返回false

ES13(ES2022)Object.hasOwn()

Object.hasOwn(),目前来看就是替代Object.prototype.hasOwnProperty.call()。

function hasOwn(obj, propName) {return Object.prototype.hasOwnProperty.call(obj, propName);
}Object.hasOwn({name: '搞前端的半夏'}, 'name')  // true
Object.hasOwn({}, 'name')               //false
Object.hasOwn({}, 'toString')             //false
Object.hasOwn(Object.create(null), 'name')     //false
Object.hasOwn({hasOwnProperty: 'yes'}, 'name')  //false
Object.hasOwn({hasOwn: 'yes'}, 'name')		 //false

相关内容

热门资讯

通用制卡安卓系统版本 你有没有发现,手机里的那些卡片应用越来越智能了?这不,最近我在研究通用制卡安卓系统版本的时候,发现了...
安卓系统最好的省电王,助你续航... 手机电量总是不够用?是不是每次出门前都要检查一下充电宝在不在?别急,今天我要给你介绍一个安卓系统里的...
安卓通话系统变成黑色了,探究原... 最近你的安卓手机通话界面是不是突然变成了黑色?别急,别慌,让我来给你详细解析一下这个现象,让你轻松应...
长沙雨天攻略系统和安卓,畅游雨... 长沙这座美丽的城市,一到雨天就变得特别有味道。但你知道吗,雨天出行可不是件容易事儿,尤其是对于不熟悉...
安卓系统照片打印机,便捷打印新... 你有没有想过,手机里的照片,怎么才能变成实体的相片呢?没错,就是那种可以捧在手心、贴在墙上的那种!今...
安卓系统内录声音破解 你有没有想过,你的安卓手机里那些看似平常的录音,其实可能藏着不为人知的秘密呢?没错,就是那些你在不知...
安卓系统开发外包,共创卓越移动... 你有没有想过,为什么你的手机里那么多应用,而有些应用却让你爱不释手?这其中,安卓系统开发外包可是功不...
安卓系统应用分身微信 你有没有想过,你的手机里那个天天不离手的微信,竟然还能有个分身呢?没错,就是那个安卓系统下的应用分身...
安卓系统如何打开hwp,安卓系... 你是不是也遇到了这样的问题:手里拿着一份HWP格式的文档,却苦于不知道如何在安卓系统上打开它?别急,...
蜜豆下载安卓系统 你有没有想过,手机里多一款有趣的APP,生活就能多一份乐趣呢?今天,就让我来给你安利一款超级好用的A...
天天2棋牌安卓系统,体验指尖竞... 你有没有发现,最近手机上的一款游戏特别火?没错,就是天天2棋牌安卓系统!这款游戏不仅玩法多样,而且界...
安卓系统屏幕上的图标,图标解析... 你有没有发现,每次打开安卓手机,那屏幕上密密麻麻的图标就像是一张五彩斑斓的地图,指引着你在数字世界的...
安卓系统搞怪软件有哪些,笑点连... 你有没有发现,安卓系统里的软件真是五花八门,有些甚至能让你忍俊不禁呢!今天,就让我带你一起探索那些安...
安卓系统如何给ios系统送皮肤... 你知道吗?现在手机界可是热闹非凡,安卓和iOS两大阵营的粉丝们都在为自家的系统争得面红耳赤。不过,今...
苹果转换安卓系统时蓝屏,揭秘蓝... 你有没有遇到过这种情况?手机突然蓝屏,屏幕上什么都没有,就那么静静地躺在那里,仿佛在向你诉说着什么。...
安卓系统的滑盖,便捷操作背后的... 你有没有发现,最近手机界又掀起了一股复古风潮?没错,就是那些曾经风靡一时的滑盖手机!它们又回来了,而...
苹果系统容易操作吗安卓,轻松上... 说到手机操作系统,你是不是也和我一样,对苹果系统和安卓系统有着浓厚的兴趣呢?毕竟,这两个系统在市场上...
安卓系统镜头怎么调焦距,安卓系... 你有没有发现,用安卓手机拍照的时候,有时候镜头的焦距调得不对,照片就变得模糊不清呢?别急,今天就来手...
安卓经典系统壁纸高清,感受时光... 亲爱的手机控们,你是否曾在某个午后,百无聊赖地翻看着手机,突然被那些精美的壁纸吸引住了目光?没错,就...
安卓系统怎么样安装wd系统,安... 你有没有想过给你的安卓手机来个换装大变身?没错,就是将安卓系统升级为WD系统!听起来是不是有点酷炫?...