js判断对象是否为空的几种方法

在JavaScript中,判断一个对象是否为空可以有多种方法。以下是一些常用的方法:

  1. 使用Object.keys()方法:(重点推荐)
function isEmpty(obj) {return Object.keys(obj).length === 0;
}
const obj = {};
console.log(isEmpty(obj)); // true

Object.keys() 是相对快速的,因为它直接返回一个包含所有自有属性的数组。而且返回的数组包含了所有可枚举的自有属性名,但不包括原型链上的属性。

  1. 使用JSON.stringify()方法:
function isEmpty(obj) {return JSON.stringify(obj) === '{}';
}
const obj = {};
console.log(isEmpty(obj)); // true

JSON.stringify() 可能会比其他方法慢一些,因为它需要将对象转换成字符串。此外,如果对象中包含不可序列化的属性(如函数、循环引用等),它会抛出错误。而且不适用于包含不可序列化属性的对象,且不推荐用于复杂的深比较。

  1. 使用for...in循环:
function isEmpty(obj) {for (let key in obj) {if (obj.hasOwnProperty(key)) {return false;}}return true;
}
const obj = {};
console.log(isEmpty(obj)); // true

for…in 循环通常比直接方法慢,因为它需要遍历对象的所有属性,包括原型链上的可枚举属性。
所以为了避免检查原型链上的属性,通常需要在循环中加入 hasOwnProperty 检查。

  1. 使用Object.getOwnPropertyNames()方法:
function isEmpty(obj) {return Object.getOwnPropertyNames(obj).length === 0;
}
const obj = {};
console.log(isEmpty(obj)); // true

这个方法相对较快,因为它返回一个包含所有自有属性的数组,不管属性是否可枚举。并且这个方法不会返回原型链上的属性,但会返回不可枚举的自有属性。

  1. 使用Reflect.ownKeys()方法:
function isEmpty(obj) {return Reflect.ownKeys(obj).length === 0;
}
const obj = {};
console.log(isEmpty(obj)); // true

Reflect.ownKeys() 的性能与 Object.getOwnPropertyNames() 类似,因为它也返回所有自有属性的数组,包括不可枚举的和符号属性。这个方法提供了最全面的属性列表,包括符号属性,但不包括原型链上的属性。

// 创建一个符号
const symbolKey = Symbol('uniqueKey');// 创建一个对象,包含不同类型的属性
const obj = {enumerableProp: '可枚举的字符串属性',[symbolKey]: '符号属性'
};// 设置一个不可枚举的属性
Object.defineProperty(obj, 'nonEnumerableProp', {value: '不可枚举的字符串属性',enumerable: false
});// 检查对象的属性
console.log('使用Object.keys()');
console.log(Object.keys(obj)); // 只显示可枚举的非符号属性console.log('\n使用Object.getOwnPropertyNames()');
console.log(Object.getOwnPropertyNames(obj)); // 显示所有自有属性(包括不可枚举的),但不包括符号属性console.log('\n使用Object.getOwnPropertySymbols()');
console.log(Object.getOwnPropertySymbols(obj)); // 显示所有符号属性console.log('\n使用Reflect.ownKeys()');
console.log(Reflect.ownKeys(obj)); // 显示所有自有属性,包括不可枚举的和符号属性

总结

在实际应用中,如果你的对象很大,或者你正在一个性能关键的操作中,那么使用 Object.keys() 或 Object.getOwnPropertyNames() 可能会更合适,因为它们直接返回属性列表而不需要额外的遍历或字符串转换。

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

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

相关文章

webGL开发:3D图形学概念大扫盲,恍然大悟。

一、3D图形学及常用概念 3D图形学是研究和开发用于创建、渲染和处理三维图形的学科领域。它涉及到计算机图形学、数学、物理学和计算机科学等多个学科的知识和技术。 在3D图形学中,主要关注的是如何使用计算机生成和呈现逼真的三维图像。这包括创建三维模型、应用材…

C++ | Leetcode C++题解之第1题两数之和

题目&#xff1a; C 题解&#xff1a; class Solution { public:vector<int> twoSum(vector<int>& nums, int target) {unordered_map<int, int> hashtable;for (int i 0; i < nums.size(); i) {auto it hashtable.find(target - nums[i]);if (it …

HarmonyOS NEXT应用开发案例——阻塞事件冒泡

介绍 本示例主要介绍在点击事件中&#xff0c;子组件enabled属性设置为false的时候&#xff0c;如何解决点击子组件模块区域会触发父组件的点击事件问题&#xff1b;以及触摸事件中当子组件触发触摸事件的时候&#xff0c;父组件如果设置触摸事件的话&#xff0c;如何解决父组…

护眼台灯什么牌子好一点,五大热销护眼台灯品牌推荐

台灯已成为每个家庭中不可或缺的照明设备&#xff0c;它的作用不仅限于在夜晚提供充分的光亮&#xff0c;还能迅速营造出适宜的氛围&#xff0c;为用眼提供一个更佳的环境。随着生活品质的提高&#xff0c;人们对台灯的期望也逐步升级&#xff0c;智能化和护眼功能逐渐成为消费…

达梦DMHS-Manager工具日常操作

目录 1、前言 2、同步服务管理 2.1、DMHS Agent节点管理 2.2、DMHS实例节点管理 2.3、DMHS模块节点管理 3、监控及告警 3.1、主机资源监控 3.2、同步链路监控 3.3、告警配置 4、系统管理 4.1、用户管理 4.2、角色管理 4.3、系统配置 4.4、审计信息 5、联机帮助 …

【Axure视频教程】字符串组合函数(中继器分类筛选案例)

今天教大家在Axure里如何使用字符串组合函数&#xff0c;我们会先学习该函数的基础&#xff0c;然后通过标签选中、取消选中来控制表格对应的内容是否显示的案例&#xff0c;来学习怎么应该这个函数。具体效果可以打开下方试看版视频观看 【视频教程——试看版】 【Axure教程】…

0基础 三个月掌握C语言(16)

⽂件操作 为什么使⽤⽂件&#xff1f; 如果没有⽂件&#xff0c;我们写的程序的数据是存储在电脑的内存中&#xff0c;如果程序退出&#xff0c;内存回收&#xff0c;数据就丢失了&#xff0c;等再次运⾏程序&#xff0c;是看不到上次程序的数据的&#xff0c;如果要将数据…

基于ssm鲸落文化线上体验馆论文

摘 要 现代经济快节奏发展以及不断完善升级的信息化技术&#xff0c;让传统数据信息的管理升级为软件存储&#xff0c;归纳&#xff0c;集中处理数据信息的管理方式。本鲸落文化线上体验馆就是在这样的大环境下诞生&#xff0c;其可以帮助管理者在短时间内处理完毕庞大的数据信…

74HC595芯片工作原理(附使用方法)

一、74HC595脚位图及说明 管脚说明&#xff1a; 14脚&#xff1a;DS&#xff08;SER&#xff09;&#xff0c;串行数据输入引脚 13脚&#xff1a;OE&#xff0c;输出使能控制脚&#xff0c;它是低电才使能输出&#xff0c;所以接GND 12脚&#xff1a;RCK&#xff08;STCP&…

delegate(委托),Event(事件),Action,Func

delegate(委托)是函数的容器&#xff0c;会定义一个函数的模板。 public delegate void xxxx()Event(事件)本质上也是Delegate&#xff0c;但是赋值的权限设置成了Private public event xxxx delegate1()Action是delegate的简写&#xff0c;是C#给我们封装好的一种写法 publ…

基于SpringBoot+Vue信息化在线教学平台的设计与实现(源码+部署说明+演示视频+源码介绍+lw)

您好&#xff0c;我是码农飞哥&#xff08;wei158556&#xff09;&#xff0c;感谢您阅读本文&#xff0c;欢迎一键三连哦。&#x1f4aa;&#x1f3fb; 1. Python基础专栏&#xff0c;基础知识一网打尽&#xff0c;9.9元买不了吃亏&#xff0c;买不了上当。 Python从入门到精通…

PSA制氧设备装置的使用注意事项解析

PSA制氧设备&#xff0c;即变压吸附制氧设备&#xff0c;是一种利用物理吸附原理&#xff0c;通过特定的吸附剂&#xff0c;在压力变化的情况下&#xff0c;从空气中分离出氧气的设备。由于其高效、节能、环保等特点&#xff0c;PSA制氧设备在工业、能源等领域得到了广泛应用。…

golang语言系列:Scrum、Kanban等敏捷管理策略

云原生学习路线导航页&#xff08;持续更新中&#xff09; 本文是 golang语言系列 文章&#xff0c;主要对编程通用技能 Scrum、Kanban等敏捷管理策略 进行学习 1.什么是敏捷开发 敏捷是一个描述软件开发方法的术语&#xff0c;它强调增量交付、团队协作、持续规划和持续学习。…

宝塔面板 -- 打包前端项目并部署提升访问速度

文章目录 前言一、打包前端项目二、添加PHP项目三、部署打包文件四、开通防火墙五、运行网站总结 前言 在前面写到的文章使用宝塔面板部署前端项目中&#xff0c;并没有将前端项目打包而是直接部署&#xff0c;导致网站访问速度非常慢&#xff0c;加载甚至要十几秒。因此&…

每天五分钟深度学习:神经网络和深度学习有什么样的关系?

本文重点 神经网络是一种模拟人脑神经元连接方式的计算模型&#xff0c;通过大量神经元之间的连接和权重调整&#xff0c;实现对输入数据的处理和分析。而深度学习则是神经网络的一种特殊形式&#xff0c;它通过构建深层次的神经网络结构&#xff0c;实现对复杂数据的深度学习…

校园公共广播网络音频解码终端SV-7102

SV-7102T网络播放解码器 一、描述18123651365微信 SV-7102T是一款壁挂式网络播放终端&#xff0c;具有10/100M以太网接口&#xff0c;配置一路本地扩音线路输入和一路线路输出&#xff0c;可将内部音源输出到外接功放&#xff0c;还提供两路立体声15W的功率输出&#xff0c;可…

ios 之 netty版本swiftNio(socket创建)

SwiftNio 简介 用于高性能协议服务器和客户端的事件驱动、无阻塞的网络应用程序框架。 SwiftNIO是一个跨平台异步事件驱动的网络应用程序框架&#xff0c;用于快速开发可维护的高性能协议服务器和客户端。 这就像Netty&#xff0c;但是为Swift写的。 Xcode引入swiftNio 在实…

【LeetCode热题100】46. 全排列(回溯)

一.题目要求 给定一个不含重复数字的数组 nums &#xff0c;返回其 所有可能的全排列 。你可以 按任意顺序 返回答案。 二.题目难度 中等 三.输入样例 示例 1&#xff1a; 输入&#xff1a;nums [1,2,3] 输出&#xff1a;[[1,2,3],[1,3,2],[2,1,3],[2,3,1],[3,1,2],[3,2,…

C++ //练习 11.2 分别给出最适合使用list、vector、deque、map以及set的例子。

C Primer&#xff08;第5版&#xff09; 练习 11.2 练习 11.2 分别给出最适合使用list、vector、deque、map以及set的例子。 环境&#xff1a;Linux Ubuntu&#xff08;云服务器&#xff09; 工具&#xff1a;vim 解释 list的元素是有序的&#xff0c;可以重复的&#xff0…

如何生成一个指定长度的空数组?

简便写法&#xff1a;使用constructor构造函数进行创建&#xff0c;第一个空数组 [ ] 表示创建一个空数组&#xff0c;然后调用 constructor 属性并传入参数指定数组长度。 [].constructor(17)可用于遍历&#xff0c;例如使用ngFor进行单纯的遍历&#xff0c;参数为遍历次数。