Removing empty or null values from an object

Question

I have the following JavaScript object:

var items = [
    {
        item1: '',
        item2: 'foo'
    },
    {
        item1: 'bar'
        item2: ''
    }
];

I'd like to remove all key/value pairs where the value is either empty or null. The following doesn't appear to be working as intended:

$.each(items, function(i,v){
    $.each(items[i], function(i2, v2){
        if (v2 === "" || v2 === null){
            delete items[i2];
        }
    });
});
console.log(items);

Console log returns the following error: Uncaught TypeError: Cannot read property 'length' of undefined.

How do I get this work correctly?

Matt Burland · Accepted Answer · 2017-04-05 13:38:25Z

2

For a solution using jQuery .each:

var items = [{
  item1: '',
  item2: 'foo'
}, {
  item1: 'bar',
  item2: ''
}];

$.each(items, function(i, v) {
  $.each(v, function(i2, v2) {
    if (v2 === "" || v2 === null) {
      delete v[i2];
    }
  });
});
console.log(items);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Your delete part was all wrong here:

delete items[i2];

You are trying to delete a property (for example item1) from items not from the item itself.

answered Apr 5, 2017 at 13:38

Matt Burland

45.3k18 gold badges110 silver badges182 bronze badges

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

Comments

Nina Scholz · Accepted Answer · 2017-04-05 13:30:52Z

2

With plain Javascript, you could iterate the array and the all keys and check for empty string or null value, then delete if.

var items = [{ item1: '', item2: 'foo' }, { item1: 'bar', item2: '' }];

items.forEach(function (o) {
    Object.keys(o).forEach(function (k) {
        if (o[k] === '' || o[k] === null) {
            delete o[k];
        }
    });
});

console.log(items);

answered Apr 5, 2017 at 13:30

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

1 Comment

Ryan Over a year ago

I think I tried to overcomplicate this unnecessarily, your solution is much better.

Collectives™ on Stack Overflow

Removing empty or null values from an object

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related