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

Sending information to components in Angular using Router

I'm struggling with an issue of being undefined in my React.js project

What is the reason for updating only one out of three charts using react-chartjs-2?

Obtain module-specific members through programmatic means

JavaScript ECMAScript 6 - WARNING: "Decorators can only be applied to a class when exporting"

Why is JavaScript globally modifying the JSON object?

Importing an image from the public folder in a nested directory with Next.js

AWS Amplify-hosted Nuxt applications are resilient to errors during the build process

Guide to using Ajax to send a form and receive text in response

Using underscore.js to connect an object with $rootscope: a step-by-step guide

Tips for positioning a delete button at the start of the row I am transferring to a different table

In what way can I incorporate additional functions or multiple functions within an Express route to modify database information?

Are the shadows in the scene being affected by a problem between DirectionalLightHelper and CameraHelper?

Getting access to scope variables in an Angular controller written in ES6 style can be achieved by using

Tips for creating a multi-step wizard using AngularJS and incorporating AJAX calls---Crafting a multi

Getting a variable from an ajax call and using it in a Pug template

Apologies, but it seems there was an issue reading the "checked" property as it is null

Display a progress bar on the index page of the grid view

Forward the value of the selected radio button

Using SVG files in NextJS