2025年4月5日星期六 10:07pm

JavaScript 如何判断一个对象是空对象 - 附5种常见方法

25-03-07 07:41

2879

8815

blog.csdn.net

id="article_content" class="article_content clearfix"> id="content_views" class="htmledit_views">

在 JavaScript 中，判断一个对象是否为空（即没有任何属性）有几种常见的方法。这里列出5种常用的判断空对象的方法，并对每种方法做简要示例

一、使用 Object.keys() 方法

1、描述

2、示例

二、使用 Object.getOwnPropertyNames() 方法

1、描述

2、示例

三、使用 JSON.stringify() 方法

五、使用 Object.entries() 方法

一、使用 Object.keys() 方法

1、描述

Object.keys() 方法会返回一个对象自身的所有可枚举属性的数组。如果该数组的长度为 0，则表示该对象是空的。

2、示例

 class="hljs-ln-numbers"> class="hljs-ln-line hljs-ln-n" data-line-number="1">

class="hljs-ln-code"> class="hljs-ln-line">function isEmpty(obj) {

class="hljs-ln-numbers"> class="hljs-ln-line hljs-ln-n" data-line-number="2">

 class="hljs-ln-code"> class="hljs-ln-line">  return Object.keys(obj).length === 0; class="hljs-ln-numbers"> class="hljs-ln-line hljs-ln-n" data-line-number="3"> class="hljs-ln-code"> class="hljs-ln-line">}
 class="hljs-ln-numbers"> class="hljs-ln-line hljs-ln-n" data-line-number="4"> class="hljs-ln-code"> class="hljs-ln-line"> 
 class="hljs-ln-numbers"> class="hljs-ln-line hljs-ln-n" data-line-number="5"> class="hljs-ln-code"> class="hljs-ln-line">console.log(isEmpty({})); // true
 class="hljs-ln-numbers"> class="hljs-ln-line hljs-ln-n" data-line-number="6"> class="hljs-ln-code"> class="hljs-ln-line">console.log(isEmpty({a: 1})); // false

class="hljs-button signin active" data-title="登录复制" data-report-click="{"spm":"1001.2101.3001.4334"}" onclick="hljs.signin(event)">

二、使用 Object.getOwnPropertyNames() 方法

1、描述

Object.getOwnPropertyNames() 方法返回一个对象自身的所有属性（包括不可枚举属性，但不包括继承的属性）。如果该数组的长度为 0，则表示该对象是空的。

2、示例

 class="hljs-ln-numbers"> class="hljs-ln-line hljs-ln-n" data-line-number="1"> class="hljs-ln-code"> class="hljs-ln-line">function isEmpty(obj) {
 class="hljs-ln-numbers"> class="hljs-ln-line hljs-ln-n" data-line-number="2"> class="hljs-ln-code"> class="hljs-ln-line">  return Object.getOwnPropertyNames(obj).length === 0;
 class="hljs-ln-numbers"> class="hljs-ln-line hljs-ln-n" data-line-number="3"> class="hljs-ln-code"> class="hljs-ln-line">}
 class="hljs-ln-numbers"> class="hljs-ln-line hljs-ln-n" data-line-number="4"> class="hljs-ln-code"> class="hljs-ln-line"> 
 class="hljs-ln-numbers"> class="hljs-ln-line hljs-ln-n" data-line-number="5"> class="hljs-ln-code"> class="hljs-ln-line">console.log(isEmpty({})); // true
 class="hljs-ln-numbers"> class="hljs-ln-line hljs-ln-n" data-line-number="6"> class="hljs-ln-code"> class="hljs-ln-line">console.log(isEmpty({a: 1})); // false class="hljs-button signin active" data-title="登录复制" data-report-click="{"spm":"1001.2101.3001.4334"}" onclick="hljs.signin(event)">

三、使用 JSON.stringify() 方法

1、描述

JSON.stringify() 方法将对象转换为 JSON 字符串。如果对象为空，它会返回 "{}"，可以通过与该字符串做比较来判断对象是否为空。

2、示例

 class="hljs-ln-numbers"> class="hljs-ln-line hljs-ln-n" data-line-number="1"> class="hljs-ln-code"> class="hljs-ln-line">function isEmpty(obj) {
 class="hljs-ln-numbers"> class="hljs-ln-line hljs-ln-n" data-line-number="2"> class="hljs-ln-code"> class="hljs-ln-line">  return JSON.stringify(obj) === '{}';
 class="hljs-ln-numbers"> class="hljs-ln-line hljs-ln-n" data-line-number="3"> class="hljs-ln-code"> class="hljs-ln-line">}
 class="hljs-ln-numbers"> class="hljs-ln-line hljs-ln-n" data-line-number="4"> class="hljs-ln-code"> class="hljs-ln-line"> 
 class="hljs-ln-numbers"> class="hljs-ln-line hljs-ln-n" data-line-number="5"> class="hljs-ln-code"> class="hljs-ln-line">console.log(isEmpty({}));        // true
 class="hljs-ln-numbers"> class="hljs-ln-line hljs-ln-n" data-line-number="6"> class="hljs-ln-code"> class="hljs-ln-line">console.log(isEmpty({a: 1}));   // false class="hljs-button signin active" data-title="登录复制" data-report-click="{"spm":"1001.2101.3001.4334"}" onclick="hljs.signin(event)">

四、使用 for...in 循环

1、描述

for...in 循环会遍历对象的所有可枚举属性。如果循环执行一次，则说明对象不是空的。如果没有执行循环，则说明对象为空。

2、示例

 class="hljs-ln-numbers"> class="hljs-ln-line hljs-ln-n" data-line-number="1"> class="hljs-ln-code"> class="hljs-ln-line">function isEmpty(obj) {
 class="hljs-ln-numbers"> class="hljs-ln-line hljs-ln-n" data-line-number="2"> class="hljs-ln-code"> class="hljs-ln-line">  for (let key in obj) {
 class="hljs-ln-numbers"> class="hljs-ln-line hljs-ln-n" data-line-number="3"> class="hljs-ln-code"> class="hljs-ln-line">    if (obj.hasOwnProperty(key)) {
 class="hljs-ln-numbers"> class="hljs-ln-line hljs-ln-n" data-line-number="4"> class="hljs-ln-code"> class="hljs-ln-line">      return false;
 class="hljs-ln-numbers"> class="hljs-ln-line hljs-ln-n" data-line-number="5"> class="hljs-ln-code"> class="hljs-ln-line">    }
 class="hljs-ln-numbers"> class="hljs-ln-line hljs-ln-n" data-line-number="6"> class="hljs-ln-code"> class="hljs-ln-line">  }
 class="hljs-ln-numbers"> class="hljs-ln-line hljs-ln-n" data-line-number="7"> class="hljs-ln-code"> class="hljs-ln-line">  return true;
 class="hljs-ln-numbers"> class="hljs-ln-line hljs-ln-n" data-line-number="8"> class="hljs-ln-code"> class="hljs-ln-line">}
 class="hljs-ln-numbers"> class="hljs-ln-line hljs-ln-n" data-line-number="9"> class="hljs-ln-code"> class="hljs-ln-line"> 
 class="hljs-ln-numbers"> class="hljs-ln-line hljs-ln-n" data-line-number="10"> class="hljs-ln-code"> class="hljs-ln-line">console.log(isEmpty({})); // true
 class="hljs-ln-numbers"> class="hljs-ln-line hljs-ln-n" data-line-number="11"> class="hljs-ln-code"> class="hljs-ln-line">console.log(isEmpty({a: 1})); // false class="hljs-button signin active" data-title="登录复制" data-report-click="{"spm":"1001.2101.3001.4334"}" onclick="hljs.signin(event)">

五、使用 Object.entries() 方法

1、描述

Object.entries() 方法返回一个数组，数组中的每一项都是一个 [key, value] 键值对数组。如果该数组的长度为 0，则表示该对象为空。

2、示例

 class="hljs-ln-numbers"> class="hljs-ln-line hljs-ln-n" data-line-number="1"> class="hljs-ln-code"> class="hljs-ln-line">function isEmpty(obj) {
 class="hljs-ln-numbers"> class="hljs-ln-line hljs-ln-n" data-line-number="2"> class="hljs-ln-code"> class="hljs-ln-line">  return Object.entries(obj).length === 0;
 class="hljs-ln-numbers"> class="hljs-ln-line hljs-ln-n" data-line-number="3"> class="hljs-ln-code"> class="hljs-ln-line">}
 class="hljs-ln-numbers"> class="hljs-ln-line hljs-ln-n" data-line-number="4"> class="hljs-ln-code"> class="hljs-ln-line"> 
 class="hljs-ln-numbers"> class="hljs-ln-line hljs-ln-n" data-line-number="5"> class="hljs-ln-code"> class="hljs-ln-line">console.log(isEmpty({})); // true
 class="hljs-ln-numbers"> class="hljs-ln-line hljs-ln-n" data-line-number="6"> class="hljs-ln-code"> class="hljs-ln-line">console.log(isEmpty({a: 1})); // false class="hljs-button signin active" data-title="登录复制" data-report-click="{"spm":"1001.2101.3001.4334"}" onclick="hljs.signin(event)">

六、Tips

1、原型链上的属性：以上方法都是检查对象本身的属性，而不考虑原型链上的属性。如果您需要考虑原型链上的属性，可以使用 for...in 循环，并结合 hasOwnProperty 方法来排除继承的属性。

2、不包括继承的属性：例如，如果您使用 Object.keys() 或 Object.getOwnPropertyNames()，它们只会列出对象本身的属性，而不会列出从原型继承来的属性。

七、总结

1、最常用和推荐的方法是使用 Object.keys() 或 Object.entries()，它们非常简洁且直观。

2、如果您需要兼容老版本的 JavaScript 环境（如 ES5），则可以使用 for...in 循环或 Object.getOwnPropertyNames()。

欢迎关注VX公众号：前端小知识营地

注：本文转载自blog.csdn.net的Web - Nancy的文章"https://blog.csdn.net/m0_48968874/article/details/144737448"。版权归原作者所有，此博客不拥有其著作权，亦不承担相应法律责任。如有侵权，请联系我们删除。

复制链接

发表评论

/ 登录

评论记录：

未查询到任何数据！

JavaScript 如何判断一个对象是空对象 - 附5种常见方法

一、使用 Object.keys() 方法

1、描述

2、示例

二、使用 Object.getOwnPropertyNames() 方法

1、描述

2、示例

三、使用 JSON.stringify() 方法

1、描述

2、示例

四、使用 for...in 循环

1、描述

2、示例

五、使用 Object.entries() 方法

1、描述

2、示例

六、Tips

七、总结

欢迎关注VX公众号：前端小知识营地

评论记录：

Python教学 | 有备无患！详解 Python 异常处理（try-except）

Java中的线程安全的集合类（如果想知道Java中有关线程安全的集合类的知识，那么只看这一篇就足够了！）

C++ Primer 特殊用途语言特性

C++之STL容器详解（包含十种常用容器）

利用RAGflow和LM Studio建立食品法规问答系统

VS code中编写和运行C语言

QT入门看这一篇就够（详解含qt源码）

基于Go语言的三甲医院人机与智能体协同环境系统（上.文章部分）

c++领域展开第一幕——入门基础（命名空间、iostream、缺省参数、函数重载、nullptr、inline（内联函数））超详细！！！！

Python 爬虫实战：在东方财富网抓取股票行情数据，辅助投资决策

一、 使用 Object.keys() 方法

1、描述

2、示例

二、 使用 Object.getOwnPropertyNames() 方法

1、描述

2、示例

三、 使用 JSON.stringify() 方法

1、描述

2、示例

四、 使用 for...in 循环

1、描述

2、示例

五、 使用 Object.entries() 方法

1、描述

2、示例

六、Tips

七、总结

欢迎关注VX公众号：前端小知识营地

Python教学 | 有备无患！详解 Python 异常处理（try-except）

Java中的线程安全的集合类（如果想知道Java中有关线程安全的集合类的知识，那么只看这一篇就足够了！）

C++ Primer 特殊用途语言特性

C++之STL容器详解（包含十种常用容器）

评论记录：

Python教学 | 有备无患！详解 Python 异常处理（try-except）

Java中的线程安全的集合类（如果想知道Java中有关线程安全的集合类的知识，那么只看这一篇就足够了！）

C++ Primer 特殊用途语言特性

C++之STL容器详解（包含十种常用容器）

利用RAGflow和LM Studio建立食品法规问答系统

VS code中编写和运行C语言

QT入门看这一篇就够（详解含qt源码）

基于Go语言的三甲医院人机与智能体协同环境系统（上.文章部分）

c++领域展开第一幕——入门基础（命名空间、iostream、缺省参数、函数重载、nullptr、inline（内联函数））超详细！！！！

Python 爬虫实战：在东方财富网抓取股票行情数据，辅助投资决策

一、使用 Object.keys() 方法

二、使用 Object.getOwnPropertyNames() 方法

三、使用 JSON.stringify() 方法

四、使用 for...in 循环

五、使用 Object.entries() 方法