How to remove empty object from JSON recursively using lodash

Question

var template = {
    personal: {},
    education: {},
    certificate: [{"test": "Test"}, {}, {}],
    experience: []
}

removeEmptyObj(template);

function removeEmptyObj(obj)
for (var key in obj) {
    console.log("Foor Loop" + key + " " + obj[key]);
    if (_.isObject(obj[key]) && !_.isEmpty(obj[key])) {
        console.log("Second Loop Object:::" + key + " " + obj[key]);
        removeEmptyObj(obj[key]);
    }
    if (_.isEmpty(obj[key])) {
        console.log("Delete Object:::" + key + " " + obj[key]);
        obj = _.omitBy(obj, _.isEmpty);
    }
}
console.log(obj);
return obj;
}

Current Output is : {certificate: [{"test": "Test"}, {}, {}]}

Desired Output : {certificate: [{"test": "Test"}]}

What's wrong here your help appreciate :)

Ori Drori · Accepted Answer · 2017-06-29 07:22:03Z

5

You can _.transform() the object recursively to a new one, and clean empty objects and arrays on the way.

Note: I've added more elements to the structure for demonstration

var template = {
    personal: {},
    education: {},
    certificate: [{}, {"test": "Test"}, {}, {}, [{}], [{}, 1, []]],
    experience: [[1, 2, [], { 3: [] }]]
};

function clean(el) {
  function internalClean(el) {
    return _.transform(el, function(result, value, key) {
      var isCollection = _.isObject(value);
      var cleaned = isCollection ? internalClean(value) : value;

      if (isCollection && _.isEmpty(cleaned)) {
        return;
      }

      _.isArray(result) ? result.push(cleaned) : (result[key] = cleaned);
    });
  }

  return _.isObject(el) ? internalClean(el) : el;
}

console.log(clean(template));

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.min.js"></script>

edited Jun 29, 2017 at 7:22

answered Jun 28, 2017 at 16:38

Ori Drori

196k32 gold badges243 silver badges233 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

trincot Over a year ago

This leaves gaps in arrays. For example [{}, { test: 1 }] becomes [undefined, { test: 1 }].

Ori Drori Over a year ago

@trincot - thanks for the catch. I've refactored it, and now it will clean everything recursively.

trincot Over a year ago

Could still be improved to work correctly when passing a primitive as argument: e.g. clean("abc") currently returns an object with three properties, while it should just return "abc".

trincot · Accepted Answer · 2017-06-28 21:24:12Z

3

You could use this function, making the distinction between plain objects and arrays:

// Helper function
var isEmptyObject = _.overEvery(_.isObject, _.isEmpty);
// Actual function
function removeEmptyObj(obj) {
    return  _.isArray(obj)  ? _.reject(_.map(obj, removeEmptyObj), isEmptyObject)
          : _.isObject(obj) ? _.omitBy(_.mapValues(obj, removeEmptyObj), isEmptyObject)
          : obj; 
}

// Example
var template = {
    personal: {},
    education: {},
    certificate: [{"test": "Test"}, {}, {}],
    experience: []
}

var result = removeEmptyObj(template);

console.log(result);

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.16.4/lodash.min.js"></script>

edited Jun 28, 2017 at 21:24

answered Jun 28, 2017 at 18:12

trincot

357k38 gold badges282 silver badges338 bronze badges

Comments

Jeremy Thille · Accepted Answer · 2017-06-28 15:10:34Z

1

No need for Lodash for that. A simple filter will do.

var template = {
    personal: {},
    education: {},
    certificate: [{"test": "Test"}, {}, {}],
    experience: []
}

template.certificate = template.certificate.filter(o => Object.keys(o).length)

console.log(template.certificate)

edited Jun 28, 2017 at 15:10

answered Jun 28, 2017 at 15:08

Jeremy Thille

26.4k12 gold badges48 silver badges64 bronze badges

5 Comments

Divyesh Kanzariya Over a year ago

I need recursively

Divyesh Kanzariya Over a year ago

I am not sure certificate is always empty like this maybe also another object is empty like this personal,education,certificate,experience etc.. need recursively

Jeremy Thille Over a year ago

Ah, I followed your current output / desired output.

Divyesh Kanzariya Over a year ago

look at my O/P problem in just certificate not personal,education,experience it's already remove as per my requirement.

Divyesh Kanzariya Over a year ago

look at my O/P problem in just certificate just problem not in a personal,education,experience it's already remove as per my requirement.

drioemgaoin · Accepted Answer · 2017-06-28 15:08:41Z

0

Have you tried _.omit(certificate, [{}]). I have never tried but let me know

answered Jun 28, 2017 at 15:08

drioemgaoin

262 bronze badges

3 Comments

drioemgaoin Over a year ago

You mean in a deep way? Because this method will remove all occurrence existing at the same level

Divyesh Kanzariya Over a year ago

yaah deep way if you look at my O/P problem in just certificate not personal,education,experience it's already remove as per my requirement.

drioemgaoin Over a year ago

Ok trying to setup a quick project to be able to help you

drioemgaoin · Accepted Answer · 2017-06-28 18:27:23Z

0

You can try this method, it works for me with your example. I'm pretty sure we can do in a better lodash way but at least you re unblock

deepOmit(obj) {
    function omitFromObject(obj) {
        return _.transform(obj, function(result, value, key) {
            if (_.isNull(value) || _.isUndefined(value) || _.isEmpty(value)) {
                return;
            }

            result[key] = _.isObject(value) ? omitFromObject(value) : value;
        });
    }

    return omitFromObject(obj);
}

answered Jun 28, 2017 at 18:27

drioemgaoin

262 bronze badges

4 Comments

Divyesh Kanzariya Over a year ago

I just check it.it's doesn't work but thank for your answer @drioemgaoin

drioemgaoin Over a year ago

Have you tried on the same example you provided or something more complex? You may give us more test context because to be few people to provide an example working on our side with your example.

Divyesh Kanzariya Over a year ago

I use @OriDrori example look at him answer

drioemgaoin Over a year ago

Ok super and he gave you a final working solution! Nice job!

Collectives™ on Stack Overflow

How to remove empty object from JSON recursively using lodash

5 Answers 5

3 Comments

Comments

5 Comments

3 Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

3 Comments

Comments

5 Comments

3 Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related