Convert a string to a nested JavaScript object or JSON [duplicate]

Question

I have the following string:

let str = "modules.mas.mas-helper-provider.assets.locales";

and would like to convert it to a nested JavaScript object (JSON), something like this result:

{
  "modules": {
    "mas": {
      "mas-helper-provider": {
        "assets": {
          "locales": ""
        }
      }
    }
  }
}

Also see: Dot notation object to multi-dimensional object which links to further duplicates including Convert javascript dot notation object to nested object — pilchard
– pilchard, Commented Oct 19, 2021 at 17:12
And Javascript: how to dynamically create nested objects using object names given by an array (since you can easily split your string to an array) — pilchard
– pilchard, Commented Oct 19, 2021 at 17:32

Balastrong · Accepted Answer · 2021-10-19 17:03:46Z

10

You can split the string to an array, then reduceRight to create an object by reading each key.

let str = "modules.mas.mas-helper-provider.assets.locales";

var newObject = str.split(".").reduceRight((obj, next) => ({
  [next]: obj
}), "");

console.log(newObject);

edited Oct 19, 2021 at 17:03

answered Oct 19, 2021 at 16:48

Balastrong

4,4602 gold badges14 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Hani Over a year ago

Thank you very much, how i can put another object in last {} ?

Balastrong Over a year ago

The second parameter of reduceRight as you can see is "" as you had the empty string in the question. You can change it to whatever you want. In short, the first time [next]: obj is executed, you will assign to locales (your last key) the value specified. In this case "".

Hani Over a year ago

thank you really, I am still new with javascript

Collectives™ on Stack Overflow

Convert a string to a nested JavaScript object or JSON [duplicate]

1 Answer 1

3 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Linked

Related