Remove blank attributes from an Object in Javascript

Question

How do I remove all attributes which are undefined or null in a JavaScript object    Question is similar to this one for Arrays

User · Answer

Here is a comprehensive recursive function (originally based on the one by @chickens) that will:

recursively remove what you tell it to defaults=[undefined, null, '', NaN]
Correctly handle regular objects, arrays and Date objects

const cleanEmpty = function(obj, defaults = [undefined, null, NaN, '']) {
  if (!defaults.length) return obj
  if (defaults.includes(obj)) return

  if (Array.isArray(obj))
    return obj
      .map(v => v && typeof v === 'object' ? cleanEmpty(v, defaults) : v)
      .filter(v => !defaults.includes(v))

  return Object.entries(obj).length 
    ? Object.entries(obj)
        .map(([k, v]) => ([k, v && typeof v === 'object' ? cleanEmpty(v, defaults) : v]))
        .reduce((a, [k, v]) => (defaults.includes(v) ? a : { ...a, [k]: v}), {}) 
    : obj
}

USAGE:

_x000D_

// based off the recursive cleanEmpty function by @chickens. _x000D_
// This one can also handle Date objects correctly _x000D_
// and has a defaults list for values you want stripped._x000D_
_x000D_
const cleanEmpty = function(obj, defaults = [undefined, null, NaN, '']) {_x000D_
  if (!defaults.length) return obj_x000D_
  if (defaults.includes(obj)) return_x000D_
_x000D_
  if (Array.isArray(obj))_x000D_
    return obj_x000D_
      .map(v => v && typeof v === 'object' ? cleanEmpty(v, defaults) : v)_x000D_
      .filter(v => !defaults.includes(v))_x000D_
_x000D_
  return Object.entries(obj).length _x000D_
    ? Object.entries(obj)_x000D_
        .map(([k, v]) => ([k, v && typeof v === 'object' ? cleanEmpty(v, defaults) : v]))_x000D_
        .reduce((a, [k, v]) => (defaults.includes(v) ? a : { ...a, [k]: v}), {}) _x000D_
    : obj_x000D_
}_x000D_
_x000D_
_x000D_
// testing_x000D_
_x000D_
console.log('testing: undefined \n', cleanEmpty(undefined))_x000D_
console.log('testing: null \n',cleanEmpty(null))_x000D_
console.log('testing: NaN \n',cleanEmpty(NaN))_x000D_
console.log('testing: empty string \n',cleanEmpty(''))_x000D_
console.log('testing: empty array \n',cleanEmpty([]))_x000D_
console.log('testing: date object \n',cleanEmpty(new Date(1589339052 * 1000)))_x000D_
console.log('testing: nested empty arr \n',cleanEmpty({ 1: { 2 :null, 3: [] }}))_x000D_
console.log('testing: comprehensive obj \n', cleanEmpty({_x000D_
  a: 5,_x000D_
  b: 0,_x000D_
  c: undefined,_x000D_
  d: {_x000D_
    e: null,_x000D_
    f: [{_x000D_
      a: undefined,_x000D_
      b: new Date(),_x000D_
      c: ''_x000D_
    }]_x000D_
  },_x000D_
  g: NaN,_x000D_
  h: null_x000D_
}))_x000D_
console.log('testing: different defaults \n', cleanEmpty({_x000D_
  a: 5,_x000D_
  b: 0,_x000D_
  c: undefined,_x000D_
  d: {_x000D_
    e: null,_x000D_
    f: [{_x000D_
      a: undefined,_x000D_
      b: '',_x000D_
      c: new Date()_x000D_
    }]_x000D_
  },_x000D_
  g: [0, 1, 2, 3, 4],_x000D_
  h: '',_x000D_
}, [undefined, null]))

_x000D_

User · Answer

You are probably looking for the delete keyword   var obj        obj theProperty   1  delete obj theProperty

User · Answer

You can loop through the object   x000D   x000D  var test       test1  null    test2   somestring     test3  3     function clean obj      for  var propName in obj        if  obj propName      null    obj propName      undefined          delete obj propName               return obj    console log test   console log clean test    x000D   x000D   x000D   If you re concerned about this property removal not running up object s proptype chain  you can also  function clean obj      var propNames   Object getOwnPropertyNames obj     for  var i   0  i  lt  propNames length  i          var propName   propNames i       if  obj propName      null    obj propName      undefined          delete obj propName                A few notes on null vs undefined  test test1     null     true test test1    null     true  test notaprop     null     false test notaprop    null     true  test notaprop     undefined     true test notaprop    undefined     true

User · Answer

If you re okay with using Lodash  you can add the DeepDash recursive library and achieve what you want with some pretty concise code  const prune   obj   gt    filterDeep obj   v    gt      isUndefined v       isNull v      Calling prune anObjectWithNulls  will return the object without undefined or null values

User · Answer

Instead of delete the property  you can also create a new object with the keys that are not null   const removeEmpty    obj    gt      return Object keys obj  filter key   gt  obj key   reduce       newObj  key    gt          newObj key    obj key        return newObj

User · Answer

ES6 arrow function and ternary operator  Object entries obj  reduce  acc  entry    gt       const  key  value    entry   if  value     undefined  acc key    value    return acc          x000D   x000D      const obj    test undefined  test1 1  test12 0  test123 false   x000D      const newObj   Object entries obj  reduce  acc  entry    gt    x000D         const  key  value    entry x000D        if  value     undefined  acc key    value  x000D        return acc  x000D             x000D      console log newObj  x000D   x000D   x000D

User · Answer

Remove  all the properties with null and undefined  x000D   x000D  let obj      id   1   firstName   null   lastName   null   address   undefined   role    customer    photo    fb79fd5d-06c9-4097-8fdc-6cebf73fab26 fc8efe82-2af4-4c81-bde7-8d2f9dd7994a jpg    location   null   idNumber   null         let result    Object entries obj  reduce  a  k v     gt   v    null   a    a k  v  a         console log result  x000D   x000D   x000D

User · Answer

If you don t want to modify the original object  using some ES6 operators    const keys   Object keys objectWithNulls  filter key   gt  objectWithNulls key    const pairs   keys map key   gt      key   objectWithNulls key        const objectWithoutNulls   pairs reduce  val  acc    gt        val     acc        The filter key   gt  objectWithNulls key  returns anything that is truthy  so will reject any values such as0 or false  as well as undefined or null  Can be easily changed to filter key   gt  objectWithNulls key      undefined or something similar if this is unwanted behaviour

User · Answer

Simplest possible Lodash solution to return an object with the null and undefined values filtered out     omitBy obj    isNil

User · Answer

If someone needs to remove undefined values from an object with deep search using lodash then here is the code that I m using  It s quite simple to modify it to remove all empty values  null undefined    function omitUndefinedDeep obj      return   reduce obj  function result  value  key        if    isObject value           result key    omitUndefinedDeep value             else if     isUndefined value           result key    value            return result

User · Answer

ES6 arrow function and ternary operator  Object entries obj  reduce  acc  entry    gt       const  key  value    entry   if  value     undefined  acc key    value    return acc          x000D   x000D      const obj    test undefined  test1 1  test12 0  test123 false   x000D      const newObj   Object entries obj  reduce  acc  entry    gt    x000D         const  key  value    entry x000D        if  value     undefined  acc key    value  x000D        return acc  x000D             x000D      console log newObj  x000D   x000D   x000D

User · Answer

Simplest possible Lodash solution to return an object with the null and undefined values filtered out     omitBy obj    isNil

User · Answer

Functional and immutable approach  without  filter and without creating more objects than needed  Object keys obj  reduce  acc  key    gt   obj key      undefined   acc       acc   key   obj key

User · Answer

Shortest one liners for ES6   Filter all falsy values       0  false  null  undefined    Object entries obj  reduce  a  k v     gt   v    a k  v  a    a         Filter null and undefined values   Object entries obj  reduce  a  k v     gt   v    null   a    a k  v  a          Filter ONLY null  Object entries obj  reduce  a  k v     gt   v     null   a    a k  v  a          Filter ONLY undefined  Object entries obj  reduce  a  k v     gt   v     undefined   a    a k  v  a          Recursive Solutions  Filters null and undefined  For Objects   const cleanEmpty   obj   gt  Object entries obj           map   k v    gt  k v  amp  amp  typeof v      object    cleanEmpty v    v            reduce  a  k v     gt   v    null   a    a k  v  a           For Objects and Arrays   const cleanEmpty   obj   gt      if  Array isArray obj          return obj          map v   gt   v  amp  amp  typeof v      object     cleanEmpty v    v           filter v   gt    v    null         else        return Object entries obj           map   k  v     gt   k  v  amp  amp  typeof v      object    cleanEmpty v    v            reduce  a   k  v     gt   v    null   a    a k  v  a

User · Answer

If you don t want to mutate in place  but return a clone with the null undefined removed  you could use the ES6 reduce function      Helper to remove undefined or null properties from an object function removeEmpty obj         Protect against null undefined object passed in   return Object keys obj        reduce  x  k    gt           Check for null or undefined     if  obj k     null          x k    obj k             return x

User · Answer

You can loop through the object   x000D   x000D  var test       test1  null    test2   somestring     test3  3     function clean obj      for  var propName in obj        if  obj propName      null    obj propName      undefined          delete obj propName               return obj    console log test   console log clean test    x000D   x000D   x000D   If you re concerned about this property removal not running up object s proptype chain  you can also  function clean obj      var propNames   Object getOwnPropertyNames obj     for  var i   0  i  lt  propNames length  i          var propName   propNames i       if  obj propName      null    obj propName      undefined          delete obj propName                A few notes on null vs undefined  test test1     null     true test test1    null     true  test notaprop     null     false test notaprop    null     true  test notaprop     undefined     true test notaprop    undefined     true

User · Answer

If you re okay with using Lodash  you can add the DeepDash recursive library and achieve what you want with some pretty concise code  const prune   obj   gt    filterDeep obj   v    gt      isUndefined v       isNull v      Calling prune anObjectWithNulls  will return the object without undefined or null values

User · Answer

30  answers but I didn t see this short ES6 one-liner  utilizing the spread operator thanks to Object assign   being a vararg function that silently ignores any non-objects  like false    Object assign        Object entries obj  map   k v     gt  v    null  amp  amp    k   v

User · Answer

Here is a functional way to remove nulls from an Object using ES6 without mutating the object using only reduce   const stripNulls    obj    gt      return Object keys obj  reduce  acc  current    gt        if  obj current      null          return      acc   current   obj current              return acc

User · Answer

Using ramda pickBy you will remove all null  undefined and false values   const obj    a 1  b  undefined  c  null  d  1  R pickBy R identity  obj    As  manroe pointed out  to keep false values use isNil     const obj    a 1  b  undefined  c  null  d  1  e  false  R pickBy v   gt   R isNil v   obj

User · Answer

To piggypack on Ben s answer on how to solve this problem using lodash s   pickBy  you can also solve this problem in the sister library  Underscore js s   pick   var obj    name   John   age  null    var compacted     pick obj  function value      return value     null  amp  amp  value     undefined        See  JSFiddle Example

User · Answer

If you use eslint and want to avoid tripping the the no-param-reassign rule  you can use Object assign in conjunction with  reduce and a computed property name for a fairly elegant ES6 solution   const queryParams     a   a   b   b   c   c   d  undefined  e  null  f      g  0    const cleanParams   Object keys queryParams      filter key   gt  queryParams key     null     reduce  acc  key    gt  Object assign acc     key   queryParams key                a   a   b   b   c   c   f      g  0

User · Answer

With Lodash     omitBy  a  1  b  null    v    gt   v

User · Answer

you can do shorter with   condition  var r    a  null  b  undefined  c 1   for var k in r     if  r k   delete r k     Remember in usage   as  semicolor announce in comments  This would also delete properties if the value is an empty string  false or zero

User · Answer

You can use a combination of JSON stringify  its replacer parameter  and JSON parse to turn it back into an object   Using this method also means the replacement is done to all nested keys within nested objects   Example Object  var exampleObject       string   value     emptyString        integer  0    nullValue  null    array   1  2  3     object        string   value       emptyString          integer  0      nullValue  null      array   1  2  3         arrayOfObjects                string   value         emptyString            integer  0        nullValue  null        array   1  2  3                     string   value         emptyString            integer  0        nullValue  null        array   1  2  3                 Replacer Function  function replaceUndefinedOrNull key  value      if  value     null    value     undefined        return undefined         return value      Clean the Object  exampleObject   JSON stringify exampleObject  replaceUndefinedOrNull   exampleObject   JSON parse exampleObject     CodePen example

User · Answer

This question has been thoroughly answered already  i d just like to contribute my version based on other examples given  function filterObject obj  filter        return Object entries obj           map   key  value     gt                return  key  value  amp  amp  typeof value      object                    filterObject value  filter                    value                       reduce  acc   key  value     gt                if   filter includes value                     acc key    value                             return acc                     What makes this solution different is the ability to specify which values you d like to filter in the second parameter like this  const filtered   filterObject originalObject   null         Which will return a new object  does not mutate the original object  not including the properties with a value of null or

User · Answer

You are probably looking for the delete keyword   var obj        obj theProperty   1  delete obj theProperty

User · Answer

You can also use    spread syntax using forEach something like this   let obj     a  1  b   b   c  undefined  d  null    let cleanObj        Object keys obj  forEach val   gt      const newVal   obj val     cleanObj   newVal        cleanObj   val   newVal     cleanObj       console info cleanObj

User · Answer

Shorter ES6 pure solution  convert it to an array  use the filter function and convert it back to an object  Would also be easy to make a function      Btw  with this  length  gt  0 i check if there is an empty string   array  so it will remove empty keys   const MY OBJECT     f   te   a        Object keys MY OBJECT    filter f   gt    MY OBJECT f   amp  amp   MY OBJECT f  length  gt  0    reduce  r  i    gt    r i    MY OBJECT i   return r            JS BIN https   jsbin com kugoyinora edit js console

User · Answer

We can use JSON stringify and JSON parse to remove blank attributes from an object   jsObject   JSON parse JSON stringify jsObject    key  value    gt                   if  value    null    value          value          value                           return undefined                 return value

User · Answer

If you just want to remove undefined top-level properties from an object  I find this to be the easiest    x000D   x000D  const someObject     x000D    a  null  x000D    b   someString   x000D    c  3  x000D    d  undefined x000D     x000D   x000D  for  let  key  value  of Object entries someObject     x000D    if  value     null    value     undefined  delete someObject key   x000D    x000D   x000D  console log  Sanitized   someObject   x000D   x000D   x000D

User · Answer

Here is a functional way to remove nulls from an Object using ES6 without mutating the object using only reduce   const stripNulls    obj    gt      return Object keys obj  reduce  acc  current    gt        if  obj current      null          return      acc   current   obj current              return acc

User · Answer

If someone needs to remove undefined values from an object with deep search using lodash then here is the code that I m using  It s quite simple to modify it to remove all empty values  null undefined    function omitUndefinedDeep obj      return   reduce obj  function result  value  key        if    isObject value           result key    omitUndefinedDeep value             else if     isUndefined value           result key    value            return result

User · Answer

remove empty field object  for  const objectKey of Object keys data           if  data objectKey      null    data objectKey            data objectKey       null     data objectKey      undefined            delete data objectKey

User · Answer

If somebody needs a recursive version of Owen s  and Eric s  answer  here it is          Delete all null  or undefined  properties from an object     Set  recurse  to true if you also want to delete properties in nested objects      function delete null properties test  recurse        for  var i in test            if  test i      null                delete test i             else if  recurse  amp  amp  typeof test i       object                 delete null properties test i   recurse

User · Answer

You can loop through the object   x000D   x000D  var test       test1  null    test2   somestring     test3  3     function clean obj      for  var propName in obj        if  obj propName      null    obj propName      undefined          delete obj propName               return obj    console log test   console log clean test    x000D   x000D   x000D   If you re concerned about this property removal not running up object s proptype chain  you can also  function clean obj      var propNames   Object getOwnPropertyNames obj     for  var i   0  i  lt  propNames length  i          var propName   propNames i       if  obj propName      null    obj propName      undefined          delete obj propName                A few notes on null vs undefined  test test1     null     true test test1    null     true  test notaprop     null     false test notaprop    null     true  test notaprop     undefined     true test notaprop    undefined     true

User · Answer

For a deep search I used the following code  maybe it will be useful for anyone looking at this question  it is not usable for cyclic dependencies       function removeEmptyValues obj            for  var propName in obj                if   obj propName     obj propName  length     0                    delete obj propName                 else if  typeof obj propName       object                     removeEmptyValues obj propName                                    return obj

User · Answer

You are probably looking for the delete keyword   var obj        obj theProperty   1  delete obj theProperty

User · Answer

If you want 4 lines of a pure ES7 solution   const clean   e   gt  e instanceof Object   Object entries e  reduce  o   k  v     gt      if  typeof v      boolean     v  o k    clean v     return o     e instanceof Array              e    Or if you prefer more readable version    function filterEmpty obj   key  val       if  typeof val      boolean     val        obj key    clean val          return obj     function clean entry      if  entry instanceof Object        const type   entry instanceof Array                const entries   Object entries entry        return entries reduce filterEmpty  type          return entry      This will preserve boolean values and it will clean arrays too  It also preserves the original object by returning a cleaned copy

User · Answer

For a deep search I used the following code  maybe it will be useful for anyone looking at this question  it is not usable for cyclic dependencies       function removeEmptyValues obj            for  var propName in obj                if   obj propName     obj propName  length     0                    delete obj propName                 else if  typeof obj propName       object                     removeEmptyValues obj propName                                    return obj

User · Answer

JSON stringify removes the undefined keys   removeUndefined   function json     return JSON parse JSON stringify json

User · Answer

JSON stringify removes the undefined keys   removeUndefined   function json     return JSON parse JSON stringify json

User · Answer

Here s an alternative Typescript  function objectDefined  lt T gt  obj  T   T     const acc  Partial lt T gt          for  const key in obj        if  obj key      undefined  acc key    obj key         return acc as T     Javascript  function objectDefined obj      const acc         for  const key in obj        if  obj key      undefined  acc key    obj key         return acc

User · Answer

Here s an alternative Typescript  function objectDefined  lt T gt  obj  T   T     const acc  Partial lt T gt          for  const key in obj        if  obj key      undefined  acc key    obj key         return acc as T     Javascript  function objectDefined obj      const acc         for  const key in obj        if  obj key      undefined  acc key    obj key         return acc

User · Answer

You can do a recursive removal in one line using json stringify s replacer argument const removeEmptyValues   obj   gt      JSON parse JSON stringify obj   k v    gt  v    undefined      Usage  removeEmptyValues  a  x 1 y null z undefined       Returns  a  x 1    As mentioned in Emmanuel s comment  this technique only worked if your data structure contains only data types that can be put into JSON format  strings  numbers  lists  etc    This answer has been updated to use the new Nullish Coalescing operator  depending on browser support needs you may want to use this function instead   k v    gt  v  null   v   undefined

User · Answer

If you prefer the pure functional approach  const stripUndef   obj   gt     Object keys obj      reduce  p  c    gt        p      x c      undefined            c   x c

User · Answer

To piggypack on Ben s answer on how to solve this problem using lodash s   pickBy  you can also solve this problem in the sister library  Underscore js s   pick   var obj    name   John   age  null    var compacted     pick obj  function value      return value     null  amp  amp  value     undefined        See  JSFiddle Example

User · Answer

30  answers but I didn t see this short ES6 one-liner  utilizing the spread operator thanks to Object assign   being a vararg function that silently ignores any non-objects  like false    Object assign        Object entries obj  map   k v     gt  v    null  amp  amp    k   v

User · Answer

You are probably looking for the delete keyword   var obj        obj theProperty   1  delete obj theProperty

User · Answer

a reduce helper can do the trick  without type checking  -  const cleanObj   Object entries objToClean  reduce  acc   key  value     gt          if  value            acc key    value                return acc

User · Answer

You can do a recursive removal in one line using json stringify s replacer argument const removeEmptyValues   obj   gt      JSON parse JSON stringify obj   k v    gt  v    undefined      Usage  removeEmptyValues  a  x 1 y null z undefined       Returns  a  x 1    As mentioned in Emmanuel s comment  this technique only worked if your data structure contains only data types that can be put into JSON format  strings  numbers  lists  etc    This answer has been updated to use the new Nullish Coalescing operator  depending on browser support needs you may want to use this function instead   k v    gt  v  null   v   undefined

User · Answer

If you want 4 lines of a pure ES7 solution   const clean   e   gt  e instanceof Object   Object entries e  reduce  o   k  v     gt      if  typeof v      boolean     v  o k    clean v     return o     e instanceof Array              e    Or if you prefer more readable version    function filterEmpty obj   key  val       if  typeof val      boolean     val        obj key    clean val          return obj     function clean entry      if  entry instanceof Object        const type   entry instanceof Array                const entries   Object entries entry        return entries reduce filterEmpty  type          return entry      This will preserve boolean values and it will clean arrays too  It also preserves the original object by returning a cleaned copy

User · Answer

ES10 ES2019 examples A simple one-liner  returning a new object   let o   Object fromEntries Object entries obj  filter      v     gt  v    null     Same as above but written as a function  function removeEmpty obj      return Object fromEntries Object entries obj  filter      v     gt  v    null       This function uses recursion to remove items from nested objects  function removeEmpty obj      return Object fromEntries      Object entries obj         filter      v     gt  v    null         map   k  v     gt   k  v     Object v    removeEmpty v    v           ES6 ES2015 examples A simple one-liner  Warning  This mutates the given object instead of returning a new one  Object keys obj  forEach  k    gt  obj k     null  amp  amp  delete obj k     A single declaration  not mutating the given object   let o   Object keys obj     filter  k    gt  obj k     null     reduce  a  k    gt        a   k   obj k            Same as above but written as a function  function removeEmpty obj      return Object entries obj       filter      v     gt  v    null       reduce  acc   k  v     gt        acc   k   v             This function uses recursion to remove items from nested objects  function removeEmpty obj      return Object entries obj       filter      v     gt  v    null       reduce         acc   k  v     gt        acc   k   v     Object v    removeEmpty v    v                        Same as the function above  but written in an imperative  non-functional  style  function removeEmpty obj      const newObj         Object entries obj  forEach   k  v     gt        if  v     Object v           newObj k    removeEmpty v         else if  v    null          newObj k    obj k                 return newObj     ES5 ES2009 examples In the old days things were a lot more verbose  This is a non recursive version written in a functional style  function removeEmpty obj      return Object keys obj       filter function  k          return obj k     null              reduce function  acc  k          acc k    obj k         return acc                 This is a non recursive version written in an imperative style  function removeEmpty obj      const newObj         Object keys obj  forEach function  k        if  obj k   amp  amp  typeof obj k       quot object quot           newObj k    removeEmpty obj k          else if  obj k     null          newObj k    obj k                 return newObj     And a recursive version written in a functional style  function removeEmpty obj      return Object keys obj       filter function  k          return obj k     null              reduce function  acc  k          acc k    typeof obj k       quot object quot    removeEmpty obj k     obj k         return acc

User · Answer

a reduce helper can do the trick  without type checking  -  const cleanObj   Object entries objToClean  reduce  acc   key  value     gt          if  value            acc key    value                return acc

User · Answer

If you are using lodash or underscore js  here is a simple solution    var obj    name   John   age  null    var compacted     pickBy obj     This will only work with lodash 4  pre lodash 4 or underscore js  use   pick obj    identity

User · Answer

Clean object in place     General cleanObj function const cleanObj    valsToRemoveArr  obj    gt       Object keys obj  forEach   key    gt        if  valsToRemoveArr includes obj key              delete obj key                   cleanObj  undefined  null   obj    Pure function  const getObjWithoutVals    dontReturnValsArr  obj    gt        const cleanObj          Object entries obj  forEach    key  val     gt            if  dontReturnValsArr includes val                cleanObj key   val                       return cleanObj      To get a new object without  null  or  undefined  run   const nonEmptyObj   getObjWithoutVals  undefined  null   obj

User · Answer

you can do shorter with   condition  var r    a  null  b  undefined  c 1   for var k in r     if  r k   delete r k     Remember in usage   as  semicolor announce in comments  This would also delete properties if the value is an empty string  false or zero

User · Answer

I have same scenario in my project and achieved using following method   It works with all data types  few mentioned above doesn t work with date and empty arrays     removeEmptyKeysFromObject js   x000D   x000D  removeEmptyKeysFromObject obj    x000D     Object keys obj  forEach key   gt    x000D    if  Object prototype toString call obj key         object Date    amp  amp   obj key  toString   length     0    obj key  toString        Invalid Date      x000D      delete obj key   x000D      else if  obj key   amp  amp  typeof obj key       object     x000D      this removeEmptyKeysFromObject obj key    x000D      else if  obj key     null    obj key            x000D      delete obj key   x000D      x000D   x000D    if  obj key  x000D       amp  amp  typeof obj key       object  x000D       amp  amp  Object keys obj key   length     0 x000D       amp  amp  Object prototype toString call obj key         object Date      x000D      delete obj key   x000D      x000D      x000D    return obj  x000D    x000D   x000D   x000D    pass any object to this function removeEmptyKeysFromObject

User · Answer

You can also use    spread syntax using forEach something like this   let obj     a  1  b   b   c  undefined  d  null    let cleanObj        Object keys obj  forEach val   gt      const newVal   obj val     cleanObj   newVal        cleanObj   val   newVal     cleanObj       console info cleanObj

User · Answer

This question has been thoroughly answered already  i d just like to contribute my version based on other examples given  function filterObject obj  filter        return Object entries obj           map   key  value     gt                return  key  value  amp  amp  typeof value      object                    filterObject value  filter                    value                       reduce  acc   key  value     gt                if   filter includes value                     acc key    value                             return acc                     What makes this solution different is the ability to specify which values you d like to filter in the second parameter like this  const filtered   filterObject originalObject   null         Which will return a new object  does not mutate the original object  not including the properties with a value of null or

User · Answer

Clean object in place     General cleanObj function const cleanObj    valsToRemoveArr  obj    gt       Object keys obj  forEach   key    gt        if  valsToRemoveArr includes obj key              delete obj key                   cleanObj  undefined  null   obj    Pure function  const getObjWithoutVals    dontReturnValsArr  obj    gt        const cleanObj          Object entries obj  forEach    key  val     gt            if  dontReturnValsArr includes val                cleanObj key   val                       return cleanObj      To get a new object without  null  or  undefined  run   const nonEmptyObj   getObjWithoutVals  undefined  null   obj

User · Answer

If you just want to remove undefined top-level properties from an object  I find this to be the easiest    x000D   x000D  const someObject     x000D    a  null  x000D    b   someString   x000D    c  3  x000D    d  undefined x000D     x000D   x000D  for  let  key  value  of Object entries someObject     x000D    if  value     null    value     undefined  delete someObject key   x000D    x000D   x000D  console log  Sanitized   someObject   x000D   x000D   x000D

User · Answer

Here is a comprehensive recursive function (originally based on the one by @chickens) that will:

recursively remove what you tell it to defaults=[undefined, null, '', NaN]
Correctly handle regular objects, arrays and Date objects

const cleanEmpty = function(obj, defaults = [undefined, null, NaN, '']) {
  if (!defaults.length) return obj
  if (defaults.includes(obj)) return

  if (Array.isArray(obj))
    return obj
      .map(v => v && typeof v === 'object' ? cleanEmpty(v, defaults) : v)
      .filter(v => !defaults.includes(v))

  return Object.entries(obj).length 
    ? Object.entries(obj)
        .map(([k, v]) => ([k, v && typeof v === 'object' ? cleanEmpty(v, defaults) : v]))
        .reduce((a, [k, v]) => (defaults.includes(v) ? a : { ...a, [k]: v}), {}) 
    : obj
}

USAGE:

_x000D_

// based off the recursive cleanEmpty function by @chickens. _x000D_
// This one can also handle Date objects correctly _x000D_
// and has a defaults list for values you want stripped._x000D_
_x000D_
const cleanEmpty = function(obj, defaults = [undefined, null, NaN, '']) {_x000D_
  if (!defaults.length) return obj_x000D_
  if (defaults.includes(obj)) return_x000D_
_x000D_
  if (Array.isArray(obj))_x000D_
    return obj_x000D_
      .map(v => v && typeof v === 'object' ? cleanEmpty(v, defaults) : v)_x000D_
      .filter(v => !defaults.includes(v))_x000D_
_x000D_
  return Object.entries(obj).length _x000D_
    ? Object.entries(obj)_x000D_
        .map(([k, v]) => ([k, v && typeof v === 'object' ? cleanEmpty(v, defaults) : v]))_x000D_
        .reduce((a, [k, v]) => (defaults.includes(v) ? a : { ...a, [k]: v}), {}) _x000D_
    : obj_x000D_
}_x000D_
_x000D_
_x000D_
// testing_x000D_
_x000D_
console.log('testing: undefined \n', cleanEmpty(undefined))_x000D_
console.log('testing: null \n',cleanEmpty(null))_x000D_
console.log('testing: NaN \n',cleanEmpty(NaN))_x000D_
console.log('testing: empty string \n',cleanEmpty(''))_x000D_
console.log('testing: empty array \n',cleanEmpty([]))_x000D_
console.log('testing: date object \n',cleanEmpty(new Date(1589339052 * 1000)))_x000D_
console.log('testing: nested empty arr \n',cleanEmpty({ 1: { 2 :null, 3: [] }}))_x000D_
console.log('testing: comprehensive obj \n', cleanEmpty({_x000D_
  a: 5,_x000D_
  b: 0,_x000D_
  c: undefined,_x000D_
  d: {_x000D_
    e: null,_x000D_
    f: [{_x000D_
      a: undefined,_x000D_
      b: new Date(),_x000D_
      c: ''_x000D_
    }]_x000D_
  },_x000D_
  g: NaN,_x000D_
  h: null_x000D_
}))_x000D_
console.log('testing: different defaults \n', cleanEmpty({_x000D_
  a: 5,_x000D_
  b: 0,_x000D_
  c: undefined,_x000D_
  d: {_x000D_
    e: null,_x000D_
    f: [{_x000D_
      a: undefined,_x000D_
      b: '',_x000D_
      c: new Date()_x000D_
    }]_x000D_
  },_x000D_
  g: [0, 1, 2, 3, 4],_x000D_
  h: '',_x000D_
}, [undefined, null]))

_x000D_

User · Answer

Recursively remove null  undefined  empty objects and empty arrays  returning a copy  ES6 version   export function skipEmpties dirty        let item      if  Array isArray dirty             item   dirty map x   gt  skipEmpties x   filter value   gt  value     undefined           return item length   item   undefined        else if  dirty  amp  amp  typeof dirty      object             item               Object keys dirty  forEach key   gt                const value   skipEmpties dirty key                if  value     undefined                    item key    value                                    return Object keys item  length   item   undefined        else           return dirty     null   undefined   dirty

User · Answer

Recursively remove null  undefined  empty objects and empty arrays  returning a copy  ES6 version   export function skipEmpties dirty        let item      if  Array isArray dirty             item   dirty map x   gt  skipEmpties x   filter value   gt  value     undefined           return item length   item   undefined        else if  dirty  amp  amp  typeof dirty      object             item               Object keys dirty  forEach key   gt                const value   skipEmpties dirty key                if  value     undefined                    item key    value                                    return Object keys item  length   item   undefined        else           return dirty     null   undefined   dirty

User · Answer

With Lodash     omitBy  a  1  b  null    v    gt   v

User · Answer

Using ramda pickBy you will remove all null  undefined and false values   const obj    a 1  b  undefined  c  null  d  1  R pickBy R identity  obj    As  manroe pointed out  to keep false values use isNil     const obj    a 1  b  undefined  c  null  d  1  e  false  R pickBy v   gt   R isNil v   obj

User · Answer

If you prefer the pure functional approach  const stripUndef   obj   gt     Object keys obj      reduce  p  c    gt        p      x c      undefined            c   x c

User · Answer

If you don t want to modify the original object  using some ES6 operators    const keys   Object keys objectWithNulls  filter key   gt  objectWithNulls key    const pairs   keys map key   gt      key   objectWithNulls key        const objectWithoutNulls   pairs reduce  val  acc    gt        val     acc        The filter key   gt  objectWithNulls key  returns anything that is truthy  so will reject any values such as0 or false  as well as undefined or null  Can be easily changed to filter key   gt  objectWithNulls key      undefined or something similar if this is unwanted behaviour

User · Answer

You can use a combination of JSON stringify  its replacer parameter  and JSON parse to turn it back into an object   Using this method also means the replacement is done to all nested keys within nested objects   Example Object  var exampleObject       string   value     emptyString        integer  0    nullValue  null    array   1  2  3     object        string   value       emptyString          integer  0      nullValue  null      array   1  2  3         arrayOfObjects                string   value         emptyString            integer  0        nullValue  null        array   1  2  3                     string   value         emptyString            integer  0        nullValue  null        array   1  2  3                 Replacer Function  function replaceUndefinedOrNull key  value      if  value     null    value     undefined        return undefined         return value      Clean the Object  exampleObject   JSON stringify exampleObject  replaceUndefinedOrNull   exampleObject   JSON parse exampleObject     CodePen example

User · Answer

ES10 ES2019 examples A simple one-liner  returning a new object   let o   Object fromEntries Object entries obj  filter      v     gt  v    null     Same as above but written as a function  function removeEmpty obj      return Object fromEntries Object entries obj  filter      v     gt  v    null       This function uses recursion to remove items from nested objects  function removeEmpty obj      return Object fromEntries      Object entries obj         filter      v     gt  v    null         map   k  v     gt   k  v     Object v    removeEmpty v    v           ES6 ES2015 examples A simple one-liner  Warning  This mutates the given object instead of returning a new one  Object keys obj  forEach  k    gt  obj k     null  amp  amp  delete obj k     A single declaration  not mutating the given object   let o   Object keys obj     filter  k    gt  obj k     null     reduce  a  k    gt        a   k   obj k            Same as above but written as a function  function removeEmpty obj      return Object entries obj       filter      v     gt  v    null       reduce  acc   k  v     gt        acc   k   v             This function uses recursion to remove items from nested objects  function removeEmpty obj      return Object entries obj       filter      v     gt  v    null       reduce         acc   k  v     gt        acc   k   v     Object v    removeEmpty v    v                        Same as the function above  but written in an imperative  non-functional  style  function removeEmpty obj      const newObj         Object entries obj  forEach   k  v     gt        if  v     Object v           newObj k    removeEmpty v         else if  v    null          newObj k    obj k                 return newObj     ES5 ES2009 examples In the old days things were a lot more verbose  This is a non recursive version written in a functional style  function removeEmpty obj      return Object keys obj       filter function  k          return obj k     null              reduce function  acc  k          acc k    obj k         return acc                 This is a non recursive version written in an imperative style  function removeEmpty obj      const newObj         Object keys obj  forEach function  k        if  obj k   amp  amp  typeof obj k       quot object quot           newObj k    removeEmpty obj k          else if  obj k     null          newObj k    obj k                 return newObj     And a recursive version written in a functional style  function removeEmpty obj      return Object keys obj       filter function  k          return obj k     null              reduce function  acc  k          acc k    typeof obj k       quot object quot    removeEmpty obj k     obj k         return acc

User · Answer

Remove  all the properties with null and undefined  x000D   x000D  let obj      id   1   firstName   null   lastName   null   address   undefined   role    customer    photo    fb79fd5d-06c9-4097-8fdc-6cebf73fab26 fc8efe82-2af4-4c81-bde7-8d2f9dd7994a jpg    location   null   idNumber   null         let result    Object entries obj  reduce  a  k v     gt   v    null   a    a k  v  a         console log result  x000D   x000D   x000D

User · Answer

Functional and immutable approach  without  filter and without creating more objects than needed  Object keys obj  reduce  acc  key    gt   obj key      undefined   acc       acc   key   obj key

User · Answer

Shorter ES6 pure solution  convert it to an array  use the filter function and convert it back to an object  Would also be easy to make a function      Btw  with this  length  gt  0 i check if there is an empty string   array  so it will remove empty keys   const MY OBJECT     f   te   a        Object keys MY OBJECT    filter f   gt    MY OBJECT f   amp  amp   MY OBJECT f  length  gt  0    reduce  r  i    gt    r i    MY OBJECT i   return r            JS BIN https   jsbin com kugoyinora edit js console

User · Answer

If you are using lodash or underscore js  here is a simple solution    var obj    name   John   age  null    var compacted     pickBy obj     This will only work with lodash 4  pre lodash 4 or underscore js  use   pick obj    identity

User · Answer

You can loop through the object   x000D   x000D  var test       test1  null    test2   somestring     test3  3     function clean obj      for  var propName in obj        if  obj propName      null    obj propName      undefined          delete obj propName               return obj    console log test   console log clean test    x000D   x000D   x000D   If you re concerned about this property removal not running up object s proptype chain  you can also  function clean obj      var propNames   Object getOwnPropertyNames obj     for  var i   0  i  lt  propNames length  i          var propName   propNames i       if  obj propName      null    obj propName      undefined          delete obj propName                A few notes on null vs undefined  test test1     null     true test test1    null     true  test notaprop     null     false test notaprop    null     true  test notaprop     undefined     true test notaprop    undefined     true

User · Answer

Instead of delete the property  you can also create a new object with the keys that are not null   const removeEmpty    obj    gt      return Object keys obj  filter key   gt  obj key   reduce       newObj  key    gt          newObj key    obj key        return newObj

User · Answer

If you don t want to mutate in place  but return a clone with the null undefined removed  you could use the ES6 reduce function      Helper to remove undefined or null properties from an object function removeEmpty obj         Protect against null undefined object passed in   return Object keys obj        reduce  x  k    gt           Check for null or undefined     if  obj k     null          x k    obj k             return x

User · Answer

If somebody needs a recursive version of Owen s  and Eric s  answer  here it is          Delete all null  or undefined  properties from an object     Set  recurse  to true if you also want to delete properties in nested objects      function delete null properties test  recurse        for  var i in test            if  test i      null                delete test i             else if  recurse  amp  amp  typeof test i       object                 delete null properties test i   recurse

User · Answer

Shortest one liners for ES6   Filter all falsy values       0  false  null  undefined    Object entries obj  reduce  a  k v     gt   v    a k  v  a    a         Filter null and undefined values   Object entries obj  reduce  a  k v     gt   v    null   a    a k  v  a          Filter ONLY null  Object entries obj  reduce  a  k v     gt   v     null   a    a k  v  a          Filter ONLY undefined  Object entries obj  reduce  a  k v     gt   v     undefined   a    a k  v  a          Recursive Solutions  Filters null and undefined  For Objects   const cleanEmpty   obj   gt  Object entries obj           map   k v    gt  k v  amp  amp  typeof v      object    cleanEmpty v    v            reduce  a  k v     gt   v    null   a    a k  v  a           For Objects and Arrays   const cleanEmpty   obj   gt      if  Array isArray obj          return obj          map v   gt   v  amp  amp  typeof v      object     cleanEmpty v    v           filter v   gt    v    null         else        return Object entries obj           map   k  v     gt   k  v  amp  amp  typeof v      object    cleanEmpty v    v            reduce  a   k  v     gt   v    null   a    a k  v  a

User · Answer

We can use JSON stringify and JSON parse to remove blank attributes from an object   jsObject   JSON parse JSON stringify jsObject    key  value    gt                   if  value    null    value          value          value                           return undefined                 return value

User · Answer

remove empty field object  for  const objectKey of Object keys data           if  data objectKey      null    data objectKey            data objectKey       null     data objectKey      undefined            delete data objectKey

User · Answer

If you use eslint and want to avoid tripping the the no-param-reassign rule  you can use Object assign in conjunction with  reduce and a computed property name for a fairly elegant ES6 solution   const queryParams     a   a   b   b   c   c   d  undefined  e  null  f      g  0    const cleanParams   Object keys queryParams      filter key   gt  queryParams key     null     reduce  acc  key    gt  Object assign acc     key   queryParams key                a   a   b   b   c   c   f      g  0

User · Answer

I have same scenario in my project and achieved using following method   It works with all data types  few mentioned above doesn t work with date and empty arrays     removeEmptyKeysFromObject js   x000D   x000D  removeEmptyKeysFromObject obj    x000D     Object keys obj  forEach key   gt    x000D    if  Object prototype toString call obj key         object Date    amp  amp   obj key  toString   length     0    obj key  toString        Invalid Date      x000D      delete obj key   x000D      else if  obj key   amp  amp  typeof obj key       object     x000D      this removeEmptyKeysFromObject obj key    x000D      else if  obj key     null    obj key            x000D      delete obj key   x000D      x000D   x000D    if  obj key  x000D       amp  amp  typeof obj key       object  x000D       amp  amp  Object keys obj key   length     0 x000D       amp  amp  Object prototype toString call obj key         object Date      x000D      delete obj key   x000D      x000D      x000D    return obj  x000D    x000D   x000D   x000D    pass any object to this function removeEmptyKeysFromObject

[javascript] Remove blank attributes from an Object in Javascript

Examples related to javascript