How To Check If An Object Is Empty In JavaScript Examples


Usually, we will return JSON data from server APIs (through AJAX). Sometimes the API might return an empty object i.e., “{}”.

In javascript, we can check if an object is empty or not by using

  1. JSON.stringify
  2. Object.keys (ECMA 5+)
  3. Object.entries (ECMA 7+)

And if you are using any third party libraries like jquery, lodash, Underscore etc you can their existing methods for checking javascript empty object. I will be listing down those methods in this article with examples.

Table of Contents

check if an object is empty javascript

check if an object is empty javascript

Check if an object is empty in JavaScript using JSON.stringify:

JSON.stringify converts an object to JSON string. We can convert the javascript empty object to JSON string and check with JSON.stringify({})

function ifObjectIsEmpty(object){
   var isEmpty=true;
   if(JSON.stringify(object)==JSON.stringify({})){
     // Object is Empty
     isEmpty = true;
   }
   else{
     //Object is Not Empty
     isEmpty = false;
   }
}

Now we can pass the object to above ifObjectisEmpty method to check if an object is empty as shown below.

var emptyObject = {};
ifObjectIsEmpty(emptyObject);
true // Object is Empty

Check if an object is empty in JavaScript using Object.keys in es5+:

In ECMAScript 5 Object.keys() method returns an array of an object’s own property names. So to check if an object is empty or not in Javascript we can check if Object.keys().length is zero or not as shown below.

var normalObject = {a:2};
Object.keys(normalObject).length
//1

var sampleObject= {};
Object.keys(sampleObject).length
//0

if(Object.keys(sampleObject).length==0){
console.log('Object is empty');
}else{
console.log('Object is not empty');
}

Check if an object is empty in JavaScript using Object.entries in es7+:

Object.entries() method in ECMAScript 7 returns an array of an object’s key-value pairs.

To check if an object is empty or not in javascript using Object.entries() use the below code snippet

var normalObject = {a:2};
Object.entries(normalObject).length
//["a","2"]

var sampleObject= {};
Object.entries(sampleObject).length
//0

if(Object.entries(sampleObject).length==0){
console.log('Object is empty');
}else{
console.log('Object is not empty');
}

Checking if an object is empty or not in Javascript in older browsers:

The above methods might not work in older browsers like IE 7 and 8 (es5 or ECMAScript 5 and before). So to check if an object is empty or not in all browsers we can loop through the object properties using for as shown below

function ifObjectIsEmpty(obj) {
for(var prop in obj) {
if(obj.hasOwnProperty(prop)) {
return false;
}
}

return JSON.stringify(obj) === JSON.stringify({});
}

Check if an object is empty in JavaScript using jQuery:

In jQuery, we can use isEmptyObject() method to check if an object is empty or not as shown below

var emptyObject = {};
if(jQuery.isEmptyObject(emptyObject)){
console.log("Javscript Object is empty");
}else{
console.log("Javscript Object is not empty");
};

Check if an object is empty in JavaScript using extjs:

In Extjs, we can use Ext.Object.isEmpty method to check if an object is empty or not as shown below

var emptyObject = {};
if(Ext.Object.isEmpty(emptyObject)){
console.log("Javscript Object is empty");
}else{
console.log("Javscript Object is not empty");
};

Check if an object is empty in JavaScript using lodash:

In loadash js, we can use _.isEmpty method to check if an object is empty or not as shown below

var emptyObject = {};
if(_.isEmpty(emptyObject)){
console.log("Javscript Object is empty");
}else{
console.log("Javscript Object is not empty");
};

Check if an object is empty in Javascript using Underscore:

In Underscore js, we can use _.isEmpty method to check if an object is empty or not as shown below

var emptyObject = {};
if(_.isEmpty(emptyObject)){
console.log("Javscript Object is empty");
}else{
console.log("Javscript Object is not empty");
};

 

Wait before leaving. why can’t you follow me on twitter or be a friend on Facebook or linkedn to get in touch with me.

Spread the word

Get free link to download 900+ Material Icons
Avatar
Arunkumar Gudelli

I am One among a million Software engineers of India. I write beautiful markup.I make the Web useful.

Related

Next
Previous