js 如何判断对象自身为空?

js 如何判断对象自身为空?

前置知识:

js 对象中的可枚举属性 enumerable : 用来控制所描述的属性是否将被包括在 for…in 循环之中(除非属性名是一个 Symbol )。具体来说,如果一个属性的 enumerable 为false,下面三个操作不会取到该属性。

  • for...in 循环
  • Object.keys方法
  • JSON.stringify方法、

enumerable 为false,上述操作虽然无法取到该属性,但是依然可以获取到该属性的值。

for...inObject.keys的区别是:前者包括对象继承自原型对象的属性,后者只包括对象自身的属性。如果需要获取到对象自身的所有属性,无论 enumerable 值为 true/false,可以使用 Object.getOwnPropertyNames方法。

如何判断一个对象为空是我们在开发中经常会遇到的问题,今天我们来聊聊几种经常使用的方法,以及在不同的场景下我们如何去使用。

  1. JSON.stringify

    JSON.stringify 方法可以使对象序列化,转为相应的 JSON 格式。

    const obj = {};console.log(JSON.stringify(obj) === '{}')  // true
    

    缺点:如果存在 undefined、任意的函数以及 symbol 值,在序列化过程中会被忽略(出现在非数组对象的属性值中时)或者被转换成 null(出现在数组中时)。

    如下示例:

    const obj = {a: undefined,b: function() {},c: Symbol()
    }
    console.log(JSON.stringify(obj) === '{}')  // true
    
  2. for…in 配合 hasOwnProperty

    使用 for in 对当前对象进行遍历:

    const obj = {}
    Object.prototype.a = 1function isEmptyObj(obj) {let flag = truefor (let o in obj) {flag = falsebreak}return flag
    }console.log(isEmptyObj(obj))  // false
    

    由于 for in 在进行对象遍历时,会遍历对象原型上的属性,而我们只希望得到其自身的属性,这时可以使用 hasOwnProperty 来实现,如下:

    const obj = {}
    Object.prototype.a = 1function isEmptyObj(obj) {let flag = truefor (let o in obj) {if (obj.hasOwnProperty(o)) {flag = falsebreak}}return flag
    }console.log(isEmptyObj(obj))  // true
    

    缺点:for in 不能遍历不可枚举的属性。

  3. Object.keys

    Object.keys 会返回对象自身可枚举属性组成的数组,而不会遍历原型上的属性。

    const obj = {}
    Object.prototype.a = 1console.log(Object.keys(obj).length === 0)  // true
    

    缺点:Object.keysfor in 都只能遍历可枚举属性,不能遍历不可枚举的属性。

    我们使用 Object.defineProperty 将属性 enumerable 设置为 false 来进行测试,示例如下:

    const obj = {}
    Object.defineProperty(obj, 'a', {value: 1,enumerable: false
    })console.log(obj.a)  // 1
    console.log(isEmptyObj(obj))  // true
    console.log(Object.keys(obj).length === 0)  // true
    
  4. Object.getOwnPropertyNames

    使用 Object.getOwnPropertyNames 可以得到对象自身的所有属性名组成的数组(包括不可枚举属性)。

    const obj = {}
    Object.defineProperty(obj, 'a', {value: 1,enumerable: false
    })console.log(Object.getOwnPropertyNames(obj))  // [ 'a' ]
    

    缺点:不能获取 Symbol 值作为名称的属性,以上的 JSON.stringifyfor in 以及 Object.keys 方法也不能获取Symbol 值作为名称的属性,示例如下:

    const a = Symbol()
    const obj = {[a]: 1
    }console.log(obj)  // { [Symbol()]: 1 }
    console.log(Object.getOwnPropertyNames(obj).length === 0)  // true
    console.log(JSON.stringify(obj) === '{}')  // true
    console.log(isEmptyObj(obj))  // true
    console.log(Object.keys(obj).length === 0)  // true
    
  5. Object.getOwnPropertyNames 结合Object.getOwnPropertySymbols

    已知 Object.getOwnPropertyNames 唯一的缺点是不能获取 Symbol 值作为名称的属性,而 Object.getOwnPropertySymbols 只能获取由 Symbol 值作为名称的属性,两者相结合是不是就可以完美解决了。我们来简单测试一下:

    const a = Symbol()
    const obj1 = {[a]: 1
    }
    const obj2 = {b: 2}
    const obj3 = {}
    Object.defineProperty(obj3, 'a', {value: 1,enumerable: false
    })
    const obj4 = {}function getLength(obj) {return Object.getOwnPropertyNames(obj).concat(Object.getOwnPropertySymbols(obj)).length
    }console.log(getLength(obj1) === 0)  // false
    console.log(getLength(obj2) === 0)  // false
    console.log(getLength(obj3) === 0)  // false
    console.log(getLength(obj4) === 0)  // true
    

    经过测试,上面这种方法的确可以解决,但是比较繁琐,那有没有更好的方法呢?答案是有的。

  6. Reflect.ownKeys

    Reflect.ownKeys 方法返回一个由目标对象自身的属性组成的数组,它的返回值等同于 Object.getOwnPropertyNames(target).concat(Object.getOwnPropertySymbols(target)),示例如下:

    const a = Symbol()
    const obj1 = {[a]: 1
    }
    const obj2 = {b: 2}
    const obj3 = {}
    Object.defineProperty(obj3, 'a', {value: 1,enumerable: false
    })
    const obj4 = {}console.log(Reflect.ownKeys(obj1).length === 0)  // false
    console.log(Reflect.ownKeys(obj2).length === 0)  // false
    console.log(Reflect.ownKeys(obj3).length === 0)  // false
    console.log(Reflect.ownKeys(obj4).length === 0)  // true
    

总结

判断一个对象是否为空时,使用 Reflect.ownKeys 方法最为完美。

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

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

相关文章

从法律和经济学角度看工业数据共享

文章目录 前言一、工业数据利用现状二、工业数据的新特点三、数据再利用和储备的现状(一)防止先行者通过数据进行垄断(二)数据储备情况以及数据成本、数量和价值四、工业数据共享的法律经济学模型分析情形一:在没有数据共享政策的情况下,尝试给出如下命题。情形二:有数据…

LeetCode-加一(66)

题目描述: 给定一个由整数组成的非空数组所表示的非负整数,在该数的基础上加一。 最高位数字存放在数组的首位, 数组中每个元素只存储单个数字。 你可以假设除了整数 0 之外,这个整数不会以零开头。 思路: 这里主要分…

《路由与交换技术》---简答题

1、什么是STP?解决什么问题? STP代表生成树协议(Spanning Tree Protocol)。它是用于在计算机网络中解决环路问题的一种协议。 STP的主要目标是消除环路,保持网络的稳定性和可靠性,同时提供冗余路径以实现网…

快速实现产品智能:用 AI 武装你的 API | 开源日报 No.138

openchatai/OpenCopilot Stars: 3.8k License: MIT OpenCopilot 是一个允许你拥有自己产品的 AI 副驾驶员的项目。它集成了产品底层 API,并可以在需要时执行 API 调用。它使用 LLMs 来确定用户请求是否需要调用 API 端点,然后决定调用哪个端点并根据给定…

【OJ】C++,Java,Python,Go,Rust

for循环语法 // cpp// java// python for i in range(集合): for i, val in enumerate(集合): for v1,v2,v3,... in zip(集合1,集合2,集合3,...):Pair // cpp pair<int, string> first second // java Pair<Integer, String> first() new Pair<>(firstVal…

【设计模式之美】里式替换(LSP)跟多态有何区别?如何理解LSP中子类遵守父类的约定

文章目录 一. 如何理解“里式替换原则”&#xff1f;二. 哪些代码明显违背了 LSP&#xff1f;三. 回顾 一. 如何理解“里式替换原则”&#xff1f; 子类对象能够替换程序中父类对象出现的任何地方&#xff0c;并且保证原来程序的逻辑行为不变及正确性不被破坏。 里氏替换原则…

【办公软件】手机当电脑摄像头Iriun Webcam软件安装与试用

家里电脑是台式的没有摄像头&#xff0c;但老安卓手机有一台。本来想用小爱摄像头做电脑摄像头&#xff0c;但是发现像素有点差&#xff0c;捣鼓了半天没成功。看网上别人都用旧手机来当电脑摄像头&#xff0c;并且也能使用音频&#xff0c;所以还是用旧手机做摄像头比较香。 …

爆肝整理,接口测试+为什么要做接口测试总结,策底贯通...

目录&#xff1a;导读 前言一、Python编程入门到精通二、接口自动化项目实战三、Web自动化项目实战四、App自动化项目实战五、一线大厂简历六、测试开发DevOps体系七、常用自动化测试工具八、JMeter性能测试九、总结&#xff08;尾部小惊喜&#xff09; 前言 1、什么是接口测试…

【Leetcode】707. 设计链表

707. 设计链表 代码 【Leetcode】707. 设计链表 代码 type MyLinkedList struct {Val intNext *MyLinkedList }// 创建链表&#xff0c;需要返回一个链表结构体&#xff0c;因此该链表是一个有头单链表&#xff0c;头结点不为空 func Constructor() MyLinkedList {return MyLi…

dp--198.打家劫舍/medium 理解度B

198.打家劫舍 1、题目2、题目分析3、解题步骤4、复杂度最优解代码示例5、抽象与扩展 1、题目 一个专业的小偷&#xff0c;计划偷窃沿街的房屋。每间房内都藏有一定的现金&#xff0c;影响小偷偷窃的唯一制约因素就是相邻的房屋装有相互连通的防盗系统&#xff0c;如果两间相邻…

创建Vue3项目

介绍 使用命令创建vue3项目 示例 第一步&#xff1a;执行创建项目命令 npm create vuelatest第二步&#xff1a;填写输入项 第三步&#xff1a;进入study-front-vue3文件夹 cd study-front-vue3第四步&#xff1a;执行npm命令安装依赖 npm install第五步&#xff1a;运行…

YOLO蒸馏原理篇之---MGD、CWD蒸馏

一、MGD蒸馏 论文地址:https://arxiv.org/abs/2205.01529 论文翻译:https://mp.weixin.qq.com/s/FSvo3ns2maTpiTTWsE91kQ 1.1 摘要 知识蒸馏已成功应用于各种任务。当前的蒸馏算法通常通过模仿教师的输出来提高学生的表现。本文表明,教师还可以通过指导学生的特征恢复来提…

60.网游逆向分析与插件开发-游戏增加自动化助手接口-游戏公告功能的逆向分析与测试

内容来源于&#xff1a;易道云信息技术研究院VIP课 上一个内容&#xff1a;文字资源读取类的C还原-CSDN博客 码云地址&#xff08;master分支&#xff09;&#xff1a;https://gitee.com/dye_your_fingers/sro_-ex.git 码云版本号&#xff1a;878db7708de09b448010ef54526fe…

爬虫-3-模拟登录,代理ip,json模块

#本文仅供学习使用(O&#xff40;) 如果服务器响应的数据为json数据: 那么我们可以用 res.json() 或 json模块(将json字符串转换为Python里面的字典类型) 接收数据。

安全防御之安全审计技术

安全防御中的安全审计技术是保障信息系统安全的重要手段之一。其主要目标是对信息系统及其活动进行记录、审查和评估&#xff0c;以确保系统符合安全策略、法规要求&#xff0c;并能够及时发现潜在的安全风险和异常行为。通过安全审计&#xff0c;可以对系统中的各种活动进行记…

高德地图Web服务使用方法——电子围栏

1 高德地图Web服务 1.1 添加Key 注册高德地图&#xff0c;进入控制台&#xff0c;创建新应用&#xff0c;添加Key&#xff0c;选择Web服务&#xff0c;不添加域名白名单&#xff0c;勾选同意政策。 刷新界面&#xff0c;记住获取到的Key。 1.2 下载安装Postman https://www…

Linux who命令教程:如何查看当前登录的用户信息(附实例详解和注意事项)

Linux who命令介绍 who命令用于显示系统中当前登录的用户信息。它可以提供用户ID、使用的终端机、从哪里登录的、登录时间等信息。 Linux who命令适用的Linux版本 who命令在大多数Linux发行版中都可以使用&#xff0c;包括但不限于Ubuntu、Debian、Fedora、CentOS等。如果在…

线性代数 --- 矩阵行列式的性质

Determinant det A|A| 矩阵的行列式是一个数&#xff0c;这个数能够反应一些关于矩阵的信息。行列式只对方阵有效。 若矩阵A为&#xff1a; 则A的行列式为&#xff1a; 性质1&#xff1a; 单位矩阵的行列式等于1 性质2&#xff1a;行与行之间的交换会改变det的正负号 以2x2单位…

01flex布局

flex 布局 使用方式 容器 也称弹性盒子&#xff0c;可以根据屏幕大小自动适应&#xff0c;只有一个; 子项目 容器内的直接子元素&#xff0c;可以有多个 主轴 Flex容器的主要方向&#xff0c;由 flex-direction 属性定义。可以是水平方向&#xff08;row 或 row-reverse&#…

Qt OpenGL中渲染和画图的相互理解

在Qt编程(或者别的图形编程中),我们很容易理解画图,一般用draw之类的函数,画圆,画线,画点,画复杂图形,画图片等2D图形。 在某种程度上,渲染和画图可以理解为相似的概念,都是将图形或图像呈现在屏幕上的过程。所以我们也可以说3D渲染其实就是3D画图。但是呢,这样表…