JavaScript 中检查对象是否为空

简介: 在 Javascript 中定义一个新对象非常简单——但是如果你想知道它是否为空怎么办?例如,{}是一个空对象,但是我们如何实际测试它呢?

在 Javascript 中定义一个新对象非常简单——但是如果你想知道它是否为空怎么办?例如,{}是一个空对象,但是我们如何实际测试它呢?

let myObject = {}

最简单(也是最好)的方法是使用Object.keys(). 此方法将对象中的所有键转换为数组,然后我们可以测试数组的长度:

let myObject = {}
console.log(Object.keys(myObject).length) // Returns 0!

Javascript 以其处理类型的方式而闻名——新的构造函数返回一个长度为 0 的对象:

let myFunction = function() {
    console.log("hello")
}
console.log(Object.keys(new myFunction()).length)

我们可以通过检查它的属性来检查它是否是一个对象constructor:

console.log(function myFunction() {}.constructor) // Function
console.log({}.constructor) // Object

如果一个对象的构造函数是 ,我们可以检查它是否为空Object,并且它的Object.keys()值为0:

let empty = {}
let isObjEmpty = (obj) => {
    return Object.keys(obj).length === 0 && obj.constructor === Object
}
console.log(isObjEmpty(empty)); // Returns true, Object is empty!
相关文章
|
4天前
|
JSON JavaScript 前端开发
JavaScript实现字符串转json对象的方法
JavaScript实现字符串转json对象的方法
|
7天前
|
JavaScript 前端开发
js之DOM 文档对象模型
js之DOM 文档对象模型
8 1
js之DOM 文档对象模型
|
22小时前
|
JSON JavaScript 前端开发
如何检查 JavaScript 对象是否为空
【8月更文挑战第18天】
10 0
如何检查 JavaScript 对象是否为空
|
4天前
|
JavaScript 前端开发
JavaScript BOM 的概念(浏览器对象模型)
JavaScript BOM 的概念(浏览器对象模型)
12 1
|
4天前
|
JavaScript 前端开发
JavaScript基础&实战(5)js中的数组、forEach遍历、Date对象、Math、String对象
这篇文章介绍了JavaScript中的数组、Date对象、Math对象以及包装类(String、Number、Boolean),并详细讲解了数组的创建、方法(如forEach、push、pop、unshift、slice、splice)和遍历操作,以及工厂方法创建对象和原型对象的概念。
JavaScript基础&实战(5)js中的数组、forEach遍历、Date对象、Math、String对象
|
4天前
|
JavaScript 前端开发
JavaScript基础&实战(4)js中的对象、函数、全局作用域和局部作用域
这篇文章介绍了JavaScript中对象的基本概念和操作,包括对象属性和方法的使用、对象字面量的创建、函数的定义和作用域的概念,以及全局作用域和局部作用域的区别和特性。
JavaScript基础&实战(4)js中的对象、函数、全局作用域和局部作用域
|
10天前
|
JavaScript 数据处理
如何使用 Vue.js 将数据对象的值放入另一个数据对象中?
如何使用 Vue.js 将数据对象的值放入另一个数据对象中?
|
16天前
|
JavaScript 前端开发 Java
什么是JavaScript原型对象
【8月更文挑战第2天】什么是JavaScript原型对象
39 9
|
4天前
|
JavaScript 前端开发
js之DOM 文档对象模型
js之DOM 文档对象模型
|
4天前
|
JavaScript 前端开发
JS遍历数组和对象的方法有哪些
JS遍历数组和对象的方法有哪些