Removing empty strings or undefined properties from a javascript object

Question

I have a javascript object like this:

filters = { loaderId:1111, search : '', postCategory: '', sortBy:'' }

I'd like to remove blank properties (empty string, undefined, null) but keep properties that are 0.

How can I do this with javascript, I'd have done this with lodash omit but now it's deprecated, thanks in advance!

When was omit deprecated? I can't see it in the list of deprecated methods nor does it say anything in the documentation. — VLAZ
– VLAZ, Commented Oct 31, 2019 at 13:21
OK, I found it on the roadmap. It's indeed being removed. Weirdly, in favour of pick. The two work fundamentally differently, so I'm not sure removing omit is a good idea. Unless the functionality is somehow folded into pick but this is odd. — VLAZ
– VLAZ, Commented Oct 31, 2019 at 14:06

Duma Cristian · Accepted Answer · 2019-10-31 13:15:45Z

1

You can do

function clean(obj) {
  for (let propName in obj) { 
    if (obj[propName] === null || obj[propName] === undefined || obj[propName] === '') {
      delete obj[propName];
    }
  }
}

or, something like

const removeEmpty = obj => {
  Object.keys(obj).forEach(key => (obj[key] == null || obj[key] == undefined || obj[key] === '') && delete obj[key]);
};

answered Oct 31, 2019 at 13:15

Duma Cristian

5875 silver badges11 bronze badges

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

Comments

Ayrton · Accepted Answer · 2019-10-31 13:17:29Z

0

You could use this function:

function clearEmpty(obj) {
    return Object.keys(obj).reduce((acc, key) => {
        if(obj[key] !== null && obj[key] !== undefined && obj[key] !== '') {
            acc[key] = obj[key];
        }

        return acc;
    }, {});
}

I'll return a new object instead of mutating the original, in case you might need to keep it.

answered Oct 31, 2019 at 13:17

Ayrton

2,3131 gold badge16 silver badges25 bronze badges

Comments

Tony · Accepted Answer · 2019-10-31 13:27:49Z

0

var filters = {
  loaderId: 1111,
  search: 0,
  postCategory: "",
  sortBy: ""
};

for (var prop in filters) {
  if (!filters[prop] && filters[prop] !== 0)
    delete filters[prop];
}
console.log(filters)

answered Oct 31, 2019 at 13:27

Tony

9105 silver badges19 bronze badges

Comments

David · Accepted Answer · 2019-10-31 14:35:12Z

0

One-line solution:

 Object.fromEntries(Object.entries(input).filter(x => x[1] !==''));

Since

Object.entries = 
[
  [ 'loaderId', 1111 ],
  [ 'search', '' ],
  [ 'postCategory', '' ],
  [ 'sortBy', '' ]
]

And below returns [ 'loaderId', 1111 ]

Object.entries(input).filter(x => x[1] !=='')

And below convert it to an object:

{ 'loaderId' : 1111 }

edited Oct 31, 2019 at 14:35

answered Oct 31, 2019 at 14:29

David

16.4k22 gold badges58 silver badges68 bronze badges

Comments

David Weldon · Accepted Answer · 2019-10-31 14:56:10Z

0

omitBy is not on the roadmap to be deprecated. If you already have lodash in your project you could simply do:

_.omitBy(obj, v => v !== 0 && !v);

edited Oct 31, 2019 at 14:56

answered Oct 31, 2019 at 13:30

David Weldon

64.4k11 gold badges152 silver badges146 bronze badges

Collectives™ on Stack Overflow

Removing empty strings or undefined properties from a javascript object

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related