JavaScript: Check If Object Is Empty

🎓 Top 15 Udemy Courses (80-90% Discount): My Udemy Courses - Ramesh Fadatare — All my Udemy courses are real-time and project oriented courses.

▶️ Subscribe to My YouTube Channel (178K+ subscribers): Java Guides on YouTube

▶️ For AI, ChatGPT, Web, Tech, and Generative AI, subscribe to another channel: Ramesh Fadatare on YouTube

In JavaScript, determining whether an object is empty (i.e., has no properties) is a common task. This guide will cover different methods to check if an object is empty, including the use of Object.keys, Object.entries, Object.values, and for...in loop.

Table of Contents

1. Introduction
2. Using Object.keys Method
3. Using Object.entries Method
4. Using Object.values Method
5. Using for...in Loop
6. Conclusion

Introduction

In JavaScript, an object is considered empty if it does not have any enumerable properties. There are several ways to check for this condition, and each method has its own advantages.

Using Object.keys Method

The Object.keys method returns an array of a given object's own enumerable property names. If the length of this array is 0, the object is empty.

Syntax

Object.keys(object).length === 0

Example

const emptyObject = {};
const nonEmptyObject = { name: "Ravi" };

console.log(Object.keys(emptyObject).length === 0); // true
console.log(Object.keys(nonEmptyObject).length === 0); // false

Using Object.entries Method

The Object.entries method returns an array of a given object's own enumerable string-keyed property [key, value] pairs. If the length of this array is 0, the object is empty.

Syntax

Object.entries(object).length === 0

Example

const emptyObject = {};
const nonEmptyObject = { name: "Sita" };

console.log(Object.entries(emptyObject).length === 0); // true
console.log(Object.entries(nonEmptyObject).length === 0); // false

Using Object.values Method

The Object.values method returns an array of a given object's own enumerable property values. If the length of this array is 0, the object is empty.

Syntax

Object.values(object).length === 0

Example

const emptyObject = {};
const nonEmptyObject = { name: "Arjun" };

console.log(Object.values(emptyObject).length === 0); // true
console.log(Object.values(nonEmptyObject).length === 0); // false

Using for...in Loop

The for...in loop iterates over all enumerable properties of an object. If the loop does not execute any iterations, the object is empty.

Syntax

function isEmpty(object) {
    for (let key in object) {
        if (object.hasOwnProperty(key)) {
            return false;
        }
    }
    return true;
}

Example

const emptyObject = {};
const nonEmptyObject = { name: "Lakshmi" };

console.log(isEmpty(emptyObject)); // true
console.log(isEmpty(nonEmptyObject)); // false

Conclusion

Checking if an object is empty in JavaScript can be accomplished using various methods, including Object.keys, Object.entries, Object.values, and the for...in loop. Each method has its own advantages and specific use cases:

• The Object.keys method is straightforward and commonly used.
• The Object.entries and Object.values methods are similar to Object.keys and can be used based on preference or specific requirements.
• The for...in loop is useful if you need to check for properties directly on the object and not inherited properties.

By understanding these methods, you can choose the most appropriate one for your specific use case when working with objects in JavaScript.