JS判断对象属性是否存在

一 、在JavaScript中,有几种方法可以判断对象属性是否存在:

  1. 使用in操作符: property in object 例如:'name' in obj,如果obj对象有name属性,返回true,否则返回false

  2. 使用hasOwnProperty()方法: object.hasOwnProperty(property) 例如:obj.hasOwnProperty('name'),如果obj对象有name属性且该属性是它自己的,返回true,否则返回false

  3. 使用typeof操作符: typeof object.property !== 'undefined' 例如:typeof obj.name !== 'undefined',如果obj对象存在name属性,返回true,否则返回false

  4. 使用Object.keys()方法: Object.keys(object).includes(property) 例如:Object.keys(obj).includes('name'),如果obj对象中有name属性,返回true,否则返回false

这些方法可以根据不同的需求和场景选择使用。

二 、JavaScript的in操作符可以用来判断一个属性是否属于一个对象,也可以用来变量一个对象的属性
  • in运算符检查对象是否具有给定名称的属性:
 'name' in {name: '搞前端的打工人'}   //true'name' in {}  // false

        但是因为in会判断继承过来的属性!

'toString' in {}    // true

       那是因为{}继承了方法Object.prototype.toString()

三、Reflect.has()

         Reflect是在ES2015新增的一个内置对象,提供了与Javascript对象交互的方法。

        判断一个对象是否存在某个属性,和 in 运算符] 的功能完全相同。

        用法:Reflect.has(obj, propName)

Reflect.has({name:"搞前端的打工人"}, "name"); // true
Reflect.has({name:"搞前端的打工人"}, "age"); // falseReflect.has({name:"搞前端的打工人"}, "toString"); //true
四、hasOwnProperty

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

// 构造函数法
o = new Object();
o.name = '搞前端的打工人';
o.hasOwnProperty('name');             // 返回 true
o.hasOwnProperty('toString');         // 返回 false
o.hasOwnProperty('hasOwnProperty');   // 返回 false// 对象字面量
o={name:"搞前端的打工人"}
o.hasOwnProperty('name');             // 返回 true
o.hasOwnProperty('toString');         // 返回 false
o.hasOwnProperty('hasOwnProperty');   // 返回 false

缺点:不支持create。但是下面这种情况:

o =  Object.create(null)
o.hasOwnProperty('name');             // 返回 true

直接报错 

        如果一个对象有一个自己的名为 name 的属性'hasOwnProperty',那么该属性将被覆盖Object.prototype.hasOwnProperty并且我们无法访问它:

o={hasOwnProperty:"搞前端的打工人"}
o.hasOwnProperty('name');    

直接报错: 

五、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

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/518120.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【SQL】1321. 餐馆营业额变化增长(窗口函数rows between 、range between;DATEDIFF()函数)

前述 窗口函数相关知识推荐阅读: 通俗易懂的学会:SQL窗口函数 窗口函数rows between 、range between的使用 MySQL中的DATEDIFF()函数 mysql data类型的加减 常用函数: ROUND() 函数:用于将数值四舍五入到指定的小数位数。FLOO…

buildadmim生成代码时让菜单有层级

当我们使用buildadmin生成代码的时候,在菜单的部分, 有时希望它生的是一个带有层级的菜单,有时候则想生成一个没有层级的菜单 like this 经过本人测试 如果我们要生成没有层级的菜单 我们可以在高级设置中的 相对位置处更改,同时…

OPENWRT本地局域网模拟域名多IP

本地配置MINIO服务时,会遇到域名多IP的需求。当某一个节点失效时,可以通过域名访问平滑过渡到其它的节点继续服务。 【MINIO搭建过程略】 搭建完毕后,有4个节点,对应的docker搭建命令: docker run --nethost --rest…

微软首批 AI PC 产品将于3月21日发布;腾讯、字节再战 AI 社交产品

微软首批 AI PC 产品将于 3 月 21 日发布 据 Windows Central 报道,微软将于 3 月 21 日发布 Surface Pro 10 和 Surface Laptop 6,这有望成为微软首批 AI PC 产品,性能与效率或可媲美苹果 iPad Pro 和 MacBook Pro。 新品将搭载基于英特尔酷…

C语言第三十六弹---文件操作(中)

✨个人主页: 熬夜学编程的小林 💗系列专栏: 【C语言详解】 【数据结构详解】 文件操作 1、文件的顺序读写 1.1、顺序读写函数介绍 1.1.1、fgetc 与 fputc 1.1.2、fgets 与 fputs 1.1.3、fscanf 与 fprintf 1.1.4、fread 与 fwrite 1.…

App自动化测试笔记(七):手机操作API

手机操作API 1、获取手机分辨率 driver.get_window_size() 返回值: 字典类型 有两个key,分别是width和height 宽和高的值是int类型 2、手机截图 参数: filename:指定路径下,指定格式的图片 driver.get_screenshot_as_file(f…

Power Apps-上传附件控件

1.插入一个“编辑”窗体 2.然后连接一个数据源,就会在下面自动产生一个添加附件的组件 3.把这个控件复制粘贴到页面里,就可以单独使用来上传了 4.控件有报错,需要修改控件的属性 BorderColor改为:Color.Black Item 、Tooltip的…

【大数据】-- 创建 Paimon 外部表

如今,在数据湖三剑客(delta lake、hudi、iceberg)之上,又新出一派: apache paimon。我们恰好在工作中遇到,以下介绍在 dataworks 上,使用 maxcompute odps sql 创建 apache paimon 外部表的一些…

解决vue项目本地开发完成后部署到服务器后报404的问题

一、如何部署 前后端分离开发模式下,前后端是独立布署的,前端只需要将最后的构建物上传至目标服务器的web容器指定的静态目录下即可 我们知道vue项目在构建后,是生成一系列的静态文件 常规布署我们只需要将这个目录上传至目标服务器即可 /…

Rust错误处理和Result枚举类异常错误传递

Rust 有一套独特的处理异常情况的机制,它并不像其它语言中的 try 机制那样简单。 首先,程序中一般会出现两种错误:可恢复错误和不可恢复错误。 可恢复错误的典型案例是文件访问错误,如果访问一个文件失败,有可能是因…

前端请求的错误处理

全局考虑: 错误需要从三个方面考虑,范围一次减小: 网络层 > 协议层 > 应用层

鲁大师2月新机性能/流畅/AI/久用榜:魅族推出“传统智能手机”谢幕之作

结束了令人怀念的农历新年,无论是否还意犹未尽,整个行业,以及身处在这个行业的我们,都要重新投入到行业之中,开始期待和拥抱今年,又将会有哪些突破和成果迎接着我们。 手机厂商的AI大潮显然要比想象中来的更…