Javascript – removing undefined fields from an object [duplicate]

by

A one-liner using ES6 arrow function and ternary operator:

Object.keys(obj).forEach(key => obj[key] === undefined ? delete obj[key] : {});

Or use short-circuit evaluation instead of ternary: (@Matt Langlois, thanks for the info!)

Object.keys(obj).forEach(key => obj[key] === undefined && delete obj[key])

Same example using if statement:

Object.keys(obj).forEach(key => {
  if (obj[key] === undefined) {
    delete obj[key];
  }
});

If you want to remove the items from nested objects as well, you can use a recursive function:

const removeEmpty = (obj) => {
  let newObj = {};
  Object.keys(obj).forEach((key) => {
    if (obj[key] === Object(obj[key])) newObj[key] = removeEmpty(obj[key]);
    else if (obj[key] !== undefined) newObj[key] = obj[key];
  });
  return newObj;
};

More Related Contents:

  1. Detecting an undefined object property
  2. Why is null an object and what’s the difference between null and undefined?
  3. Convert Array to Object
  4. What is the difference between ( for… in ) and ( for… of ) statements?
  5. What does [object Object] mean?
  6. How can I unset a JavaScript variable?
  7. How to map more than one property from an array of objects
  8. Why does this JavaScript code print “undefined” on the console?
  9. forEach on array of undefined created by Array constructor
  10. Javascript: how to dynamically create nested objects using object names given by an array
  11. Extending an Object in Javascript
  12. iterating through object
  13. Using jQuery to compare two arrays of Javascript objects
  14. JavaScript code trick: What’s the value of foo.x
  15. How dangerous is it in JavaScript, really, to assume undefined is not overwritten?
  16. “this” inside object [duplicate]
  17. How to get the hours difference between two date objects? [duplicate]
  18. Javascript group objects by property [closed]
  19. How to get object itself in custom Object.prototype.xxx function?
  20. Push Object in Array [duplicate]
  21. JavaScript Extending Class
  22. When should I automatically create an object even if `new` is forgotten?
  23. Array.includes() to find object in array
  24. JS checking deep object property existence [duplicate]
  25. Javascript deep copying object [duplicate]
  26. Lodash create collection from duplicate object keys
  27. Changing data content on an Object Tag in HTML
  28. Dynamically updating a JavaScript object from a string path [duplicate]
  29. How to check null objects in jQuery
  30. Push JSON Objects to array in localStorage

Leave a Comment