How to Remove Empty Object From JSON in JavaScript

February 22, 2021 XpertPhp

In this article, we will explain to you how to remove empty object from JSON in javaScript. Sometimes we need to remove null values from JSON objects in javascript. Let’s look at the example below javascript JSON removes empty values.

In this example, we take a simple JSON object and give you a simple example to remove an empty object or null object from JSON. so you can see our following example.

Example

<!DOCTYPE html>
<html>
<head>
    <title>How to Remove Empty Object From JSON in JavaScript - XpertPhp</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
<script type="text/javascript">
	var myObj = [
	   { "name": "bill", "age": null },
	   { "name": "jhon", "age": 19 },
	   { "name": "steve", "age": '' },
	   { "name": "larry", "age": 22 }
	];   

    const removeEmptyOrNull = (obj) => {

      Object.keys(obj).forEach(k =>

        (obj[k] && typeof obj[k] === 'object') && removeEmptyOrNull(obj[k]) ||

        (!obj[k] && obj[k] !== undefined) && delete obj[k]

      );

      return obj;

    };

    myObj2 = removeEmptyOrNull(myObj);
    console.log(myObj2);
</script>
</body>
</html>

<!DOCTYPE html>

<html>

<head>

<title>How to Remove Empty Object From JSON in JavaScript - XpertPhp</title>

</head>

<body>

var myObj = [

{ "name": "bill", "age": null },

{ "name": "jhon", "age": 19 },

{ "name": "steve", "age": '' },

{ "name": "larry", "age": 22 }

];

const removeEmptyOrNull = (obj) => {

Object.keys(obj).forEach(k =>

(obj[k] && typeof obj[k] === 'object') && removeEmptyOrNull(obj[k]) ||

(!obj[k] && obj[k] !== undefined) && delete obj[k]

);

return obj;

};

myObj2 = removeEmptyOrNull(myObj);

console.log(myObj2);

</script>

</body>

</html>

Output

[{"name":"bill","age":null},{"name":"jhon","age":19},{"name":"steve","age":""},{"name":"larry","age":22}]

1	[{"name":"bill","age":null},{"name":"jhon","age":19},{"name":"steve","age":""},{"name":"larry","age":22}]

Remove empty value from json object using filter Function