flattening the nested object in javascript

by

You should be able to do it fairly simply with recursion. The way it works, is you just recursively call a parser on object children that prepend the correct key along the way down. For example (not tested very hard though):

const source = {
  a: 1,
  b: {
    c: true,
    d: {
      e: 'foo'
    }
  },
  f: false,
  g: ['red', 'green', 'blue'],
  h: [{
    i: 2,
    j: 3
  }]
}

const flatten = (obj, prefix = '', res = {}) => 
  Object.entries(obj).reduce((r, [key, val]) => {
    const k = `${prefix}${key}`
    if(typeof val === 'object'){ 
      flatten(val, `${k}.`, r)
    } else {
      res[k] = val
    }
    return r
  }, res)
 
console.log(flatten(source))

More Related Contents:

  1. How do I check if an array includes a value in JavaScript?
  2. How can I check if an object is an array? [duplicate]
  3. Converting JavaScript object with numeric keys into array
  4. Why can I add named properties to an array as if it were an object?
  5. Are Javascript arrays primitives? Strings? Objects?
  6. How to map more than one property from an array of objects
  7. Find object by id in an array of JavaScript objects
  8. How to convert an array of objects to object with key value pairs
  9. How to transpose a javascript object into a key/value array
  10. Sorting arrays numerically by object property value
  11. Sum of array object property values in new array of objects in Javascript [duplicate]
  12. Create an empty object in JavaScript with {} or new Object()?
  13. Angular2 component’s “this” is undefined when executing callback function
  14. Array Like Objects in Javascript
  15. Create object from array
  16. Length of a JavaScript associative array
  17. Comparing two arrays of objects, and exclude the elements who match values into new array in JS
  18. How to find duplicate values in a JavaScript array of objects, and output only unique values?
  19. What’s the difference between “{}” and “[]” while declaring a JavaScript array?
  20. Get list of duplicate objects in an array of objects
  21. Search array of objects for entry matching variable and check if it matches other fields
  22. Returning only certain properties from an array of objects in Javascript [duplicate]
  23. How can I use optional chaining with arrays and functions?
  24. How to merge each object within arrays by index?
  25. spread operator vs array.concat()
  26. How to convert array of key–value objects to array of objects with a single property?
  27. How can I loop through enum values for display in radio buttons? [duplicate]
  28. TypeScript enum to object array
  29. How to get all keys with values from nested objects
  30. Array of object deep comparison with lodash

Leave a Comment