What is the best way to convert string dot notation into a nested object structure?

Question

What is the best way to convert string dot notation into a nested object structure?

Is there a way to convert a dot notation string such as 'a.b.c.d' into an Object? And if the Object referenced doesn't exist, can we automatically create an empty one?

var str = 'a.b.c.d'
var obj = {}

// Now what?

function dotToObj(obj, str) {
    // Code implementation needed here 
    obj[?] = obj[?] || {}            
     }

// In case the object doesn't exist, let's create an empty object.

var result = dotToObj(obj, str);


console.log(result)

// Expected Output:
Object {a: Object}
    a: Object
        b: Object
            c: Object
                d: Object
                __proto__: Object
            __proto__: Object
        __proto__: Object
    __proto__: Object

javascript

Answer 1

Answer №1

To break down a string and utilize its components as references, you can employ the Array.prototype.reduce() method. In this code snippet, the variable obj serves as the initial object, with each part of the split string used to create nested objects within it.

var str = 'a.b.c.d',
    obj = {};

str.split('.').reduce(function (r, a) {
    r[a] = r[a] || {};
    return r[a];
}, obj);

document.write('<pre>' + JSON.stringify(obj, 0, 4) + '</pre>');

Answer 2

To break down a string and utilize its components as references, you can employ the Array.prototype.reduce() method. In this code snippet, the variable obj serves as the initial object, with each part of the split string used to create nested objects within it.

var str = 'a.b.c.d',
    obj = {};

str.split('.').reduce(function (r, a) {
    r[a] = r[a] || {};
    return r[a];
}, obj);

document.write('<pre>' + JSON.stringify(obj, 0, 4) + '</pre>');

What is the best way to convert string dot notation into a nested object structure?

Answer №1

Similar questions

Create original identifiers for dynamically generated material

The JQuery category filtering feature malfunctions when a category consists of more than two words

Why does this switch case statement fail to effectively replace the elements of the text in order to unravel this JavaScript problem?

Modifying the size of an element with D3 when hovering with the mouse

Create text that alternates between blinking and changing content simultaneously

Unsuccessful attempt at testing RequireJS in a straightforward manner

Adding or removing a class using Jquery based on the condition of form validation

Checking the validity of subdomain names using JavaScript/jQuery

Transitioning from Event-driven Object Oriented design to Redux structure

Table Header Stays Put Without Shrinking or Expanding with Window Adjustment

Deleting data from Firebase in Angular can be easily done using the AngularFire library. By

What are the steps for adding node packages to sublime text?

Having trouble importing the module I developed in Node

Using MVC4 and jQuery to unselect items from an Html.CheckboxListFor

The Ajax request is not passing the values of the submit button as expected

Incorporate PNG files with pre-defined labels in a React element

Issue with passing parameter values in MVC Html.ActionLink

ReactJS Chatkit has not been initialized

Potential issue of excessive memory usage in node.js when running an Express server with PM2

Decoding JSON using JavaScript