JSON

How To Remove Empty And Null Values From Json Object In Jquery?

If you want to remove all empty values from javascript json object then i will show you how to remove null and empty values from json object variable. we can easily delete null values from json object in jquery.

  • 4.5/5.0
  • Last updated 08 September, 2022
  • By Admin

Here bellow i give you simple example to remove all null values in jquery json object. i just created one simple html file so, you can understand to remove all null values in javascript. Just see example.

Example:
<!DOCTYPE html>
<html>
<head>
    <title>How to remove empty and null values from json object in jquery? - codewale.com</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
<script type="text/javascript">
    const myObj = { 
      b:'my object',
      c: '',
      d: null,
      f: {v: 1, x: '', y: null, m: {a:'asd'}}
    };
    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>

I hope it can help you...