How to remove undefined and null values from an object using lodash

Question

I have a Javascript object like   var my object     a undefined  b 2  c 4  d undefined      How to remove all the undefined properties  False attributes should stay

User · Answer

To remove undefined  null  and empty string from object   omitBy object   v    gt    isUndefined v       isNull v     v

User · Answer

I encountered a similar problem with removing undefined from an object  deeply   and found that if you are OK to convert your plain old object and use JSON  a quick and dirty helper function would look like this   function stripUndefined obj      return JSON parse JSON stringify obj        https   developer mozilla org en-US docs Web JavaScript Reference Global Objects JSON stringify Description      If undefined  a function  or a symbol is encountered during conversion it is either omitted  when it is found in an object  or censored to null  when it is found in an array

User · Answer

Just       omit my object    isUndefined    The above doesn t take in account null values  as they are missing from the original example and mentioned only in the subject  but I leave it as it is elegant and might have its uses   Here is the complete example  less concise  but more complete   var obj     a  undefined  b  2  c  4  d  undefined  e  null  f  false  g      h  0    console log   omit obj  function v    return   isUndefined v       isNull v

User · Answer

You can simply chain   omit   with   isUndefined and   isNull compositions  and get the result with lazy evaluation  Demo var result     my object  omit   isUndefined  omit   isNull  value     Update March 14  2016  As mentioned by dylants in the comment section  you should use the   omitBy   function since it uses a predicate instead of a property  You should use this for lodash version 4 0 0 and above  DEMO var result     my object  omitBy   isUndefined  omitBy   isNull  value     Update June 1  2016  As commented by Max Truxa  lodash already provided an alternative   isNil  which checks for both null and undefined  var result     omitBy my object    isNil

User · Answer

Taking in account that undefined    null we can write as follows   let collection       a  undefined    b  2    c  4    d  null     console log   omit collection  it   gt  it    null      - gt    b  2  c  4     JSBin example

User · Answer

If you don t want to remove false values  Here is an example  obj        quot a quot   null     quot c quot   undefined     quot d quot    quot a quot      quot e quot   false     quot f quot   true     pickBy obj  x   gt  x     false    x   gt         quot d quot    quot a quot        quot e quot   false       quot f quot   true

User · Answer

For those of you getting here looking to remove from an array of objects and using lodash you can do something like this     const objects      a   string   b  false  c   string   d  undefined     const result   objects map    a  b  c  d      gt    pickBy   a b c d      identity           a   string   c   string        Note  You don t have to destruct if you don t want to

User · Answer

I would use underscore and take care of empty strings too    x000D   x000D  var my object     a undefined  b 2  c 4  d undefined  k  null  p  false  s      z  0    x000D   x000D  var result    omit my object  function value    x000D    return   isUndefined value       isNull value     value         x000D      x000D   x000D  console log result     Object  b  2  c  4  p  false  z  0  x000D   x000D   x000D    jsbin

User · Answer

pickBy uses identity by default     pickBy   a  null  b  1  c  undefined  d  false

User · Answer

Shortest way  lodash v4      pickBy my object

User · Answer

To omit all falsey values but keep the boolean primitives this solution helps     omitBy fields  v   gt     isBoolean v     isFinite v     false     isEmpty v       x000D   x000D  let fields     x000D  str   CAD   x000D  numberStr   123   x000D  number    123  x000D  boolStrT   true   x000D  boolStrF   false   x000D  boolFalse   false  x000D  boolTrue    true  x000D  undef  undefined  x000D  nul  null  x000D  emptyStr      x000D  array   1 2 3   x000D  emptyArr     x000D     x000D   x000D  let nobj     omitBy fields  v   gt     isBoolean v     isFinite v     false     isEmpty v    x000D   x000D  console log nobj   x000D   lt script src  https   cdn jsdelivr net npm lodash 4 17 11 lodash min js  gt  lt  script gt  x000D   x000D   x000D

User · Answer

To complete the other answers  in lodash 4 to ignore only undefined and null  And not properties like false  you can use a predicate in   pickBy      pickBy obj  v     null  amp  amp  v     undefined   Example below    x000D   x000D  const obj     a  undefined  b  123  c  true  d  false  e  null   x000D   x000D  const filteredObject     pickBy obj  v   gt  v     null  amp  amp  v     undefined   x000D   x000D  console log    obj    gt  document write JSON stringify filteredObject  null  2    x000D  console log filteredObject   x000D   lt script src  https   cdnjs cloudflare com ajax libs lodash js 4 17 10 lodash js  gt  lt  script gt  x000D   x000D   x000D

User · Answer

Since some of you might have arrived at the question looking to specifically removing only undefined  you can use    a combination of Lodash methods    omitBy object    isUndefined   the rundef package  which removes only undefined properties  rundef object       If you need to recursively remove undefined properties  the rundef package also has a recursive option   rundef object  false  true     See the documentation for more details

User · Answer

For deep nested object and arrays  and exclude empty values from string and NaN  function isBlank value      return   isEmpty value   amp  amp     isNumber value       isNaN value     var removeObjectsWithNull    obj    gt      return   obj  pickBy   isObject       mapValues removeObjectsWithNull       assign   omitBy obj    isObject        assign   omitBy obj    isArray        omitBy   isNil  omitBy isBlank       value      var obj       teste  undefined    nullV  null    x  10    name   Maria Sophia Moura     a  null    b        c        a           n   Gleidson         i  248                t   Marta              g   Teste       eager          p   Palavra              removeObjectsWithNull obj    result         c            a                             n    Gleidson                i   248                                     t    Marta                             g    Teste          eager               p    Palavra                    x   10      name    Maria Sophia Moura

User · Answer

with pure JavaScript   although Object entries is ES7  Object assign is ES6  but equivalent ES5 uses Object keys only should be also doable   also notice v    null checks for both null and undefined    gt  var d     a undefined  b 2  c 0  d undefined  e  null  f  0 3  s      t  false    undefined  gt  Object entries d       filter    k  v      gt   v    null        reduce  acc   k  v     gt  Object assign acc    k   v          b  2  c  0  f  0 3  s      t  false     Edit  this below is the version with ES5 Object keys only  but generally with ES7 in Node v8 is pretty much enjoyable  -    gt  Object keys d       filter function k    return d k     null          reduce function acc  k    acc k    d k   return acc            b  2  c  0  f  0 3  s      t  false     Update in October 2017  with Node v8  since v8 3 or so  now it has object spreading construct    gt  var d     a undefined  b 2  c 0  d undefined      e  null  f  -0 0  s      t  false  inf   Infinity  nan  NaN    undefined  gt  Object entries d       filter    k  v      gt   v    null        reduce  acc   k  v     gt       acc   k   v          b  2  c  0  f  -0  s      t  false  inf  Infinity  nan  NaN     or within one reduce only    gt  Object entries d      reduce  acc   k  v     gt   v  null   acc       acc   k   v          b  2  c  0  f  -0  s      t  false  inf  Infinity  nan  NaN     Update  someone want recursive  isn t that hard either  just need an additional check of isObject  and recursively call itself    gt  function isObject o        return Object prototype toString call o        object Object      undefined  gt  function dropNullUndefined d        return Object entries d         reduce  acc   k  v     gt            v    null   acc                acc   k    isObject v    dropNullUndefined v    v                       gt  dropNullUndefined  a  3  b null     a  3    gt  dropNullUndefined  a  3  b null  c    d  0  e  undefined       a  3  c    d  0       my conclusion  if pure Javascript can do  I would avoid any third party library dependencies

User · Answer

I like using   pickBy  because you have full control over what you are removing   var person     name   bill   age  21  sex  undefined  height  null    var cleanPerson     pickBy person  function value  key      return   value     undefined    value     null         Source  https   www codegrepper com  search term lodash remove undefined values from object

User · Answer

var my object     a undefined  b 2  c 4  d undefined     var newObject     reject my collection  function val   return   isUndefined val        -- gt  newCollection     b  2  c  4

User · Answer

According to lodash docs      compact   map array  fn     Also you can filter out all nulls

User · Answer

For deep nested object you can use my snippet for lodash   4  const removeObjectsWithNull    obj    gt        return   obj         pickBy   isObject     get only objects        mapValues removeObjectsWithNull     call only for values as objects        assign   omitBy obj    isObject      save back result that is not object        omitBy   isNil     remove null and undefined from object        value       get value

User · Answer

If you want to remove all falsey values then the most compact way is   For Lodash 4 x and later     pickBy   a  null  b  1  c  undefined      identity    gt  gt  Object  b  1    For legacy Lodash 3 x     pick obj    identity      pick   a  null  b  1  c  undefined      identity    gt  gt  Object  b  1

User · Answer

The correct answer is     omitBy   a  null  b  1  c  undefined  d  false      isNil    That results in    b  1  d  false    The alternative given here by other people     pickBy   a  null  b  1  c  undefined  d  false      identity     Will remove also false values which is not desired here

User · Answer

With lodash  or underscore  You may do  var my object     a undefined  b 2  c 4  d undefined  e null     var passedKeys     reject Object keys my object   function key   return   isUndefined my object key        isNull my object key       newObject         each passedKeys  function key       newObject key    my object key         Otherwise  with vanilla JavaScript  you can do  var my object     a undefined  b 2  c 4  d undefined    var new object        Object keys my object  forEach function key       if  typeof my object key      undefined   amp  amp  my object key   null           new object key    my object key               Not to use a falsey test  because not only  undefined  or  null  will be rejected  also is other falsey value like  false    0   empty string      Thus  just to make it simple and understandable  I opted to use explicit comparison as coded above

User · Answer

if you are using lodash  you can use   compact array  to remove all falsely values from an array     compact  0  1  false  2      3         gt   1  2  3    https   lodash com docs 4 17 4 compact

User · Answer

Here s the lodash approach I d take     my object       pairs        reject function item            return   isUndefined item 1                    isNull item 1                zipObject        value     The pairs   function turns the input object into an array of key value arrays  You do this so that it s easier to use reject   to eliminate undefined and null values  After  you re left with pairs that weren t rejected  and these are input for zipObject    which reconstructs your object for you

[javascript] How to remove undefined and null values from an object using lodash?

Examples related to javascript

Examples related to object

Examples related to lodash