Create a dynamic nested object from array of properties

by

You could use reduce:

var array = ['opt1','sub1','subsub1','subsubsub1'];
var object = {};
array.reduce(function(o, s) { return o[s] = {}; }, object);
console.log(object);

But this was only introduced in ECMAScript 5.1, so it won’t be supported in some older browsers. If you want something that will be supported by legacy browsers, you could use the polyfill technique described in the MDN article above, or a simple for-loop, like this:

var array = ['opt1','sub1','subsub1','subsubsub1'];
var object = {}, o = object;
for(var i = 0; i < array.length; i++) {
    o = o[array[i]] = {};
}
console.log(object);

More Related Contents:

  1. Checking if a key exists in a JavaScript object?
  2. How to get the difference between two arrays of objects in JavaScript
  3. Converting a JS object to an array using jQuery
  4. Why can I add named properties to an array as if it were an object?
  5. Most efficient way to convert an HTMLCollection to an Array
  6. Firestore Update single item in an array field
  7. Why does typeof array with objects return “object” and not “array”? [duplicate]
  8. How can I access and process nested objects, arrays or JSON?
  9. Sum JavaScript object propertyA values with the same object propertyB in an array of objects
  10. Filter array of objects with another array of objects
  11. Merge multiple objects inside the same array into one object [duplicate]
  12. How to get objects value if its name contains dots?
  13. Check if object value exists within a Javascript array of objects and if not add a new object to array
  14. Convert JavaScript array of 2 element arrays into object key value pairs
  15. Perform .join on value in array of objects
  16. Create a reset of javascript Array prototype when Array.prototype has been modified?
  17. What’s the difference between “{}” and “[]” while declaring a JavaScript array?
  18. Deep comparison of objects/arrays [duplicate]
  19. Count duplicates within an Array of Objects
  20. Array.includes() to find object in array
  21. Find all values by specific key in a deep nested object
  22. Javascript oddness with array of objects and indexOf
  23. Filter nested array in object array by array of values
  24. Lodash create collection from duplicate object keys
  25. Best way to flatten JS object (keys and values) to a single depth array
  26. How to merge duplicates in an array of objects and sum a specific property? [duplicate]
  27. Converting Array of Objects into Array of Arrays
  28. Difference between ( for… in ) and ( for… of ) statements?
  29. Find object having maximum value for the `id` property in an array of objects
  30. How can I remove an element from a list, with lodash?

Leave a Comment