How to created Nested object from string with JavaScript [duplicate]

Question

I have an array like this:

['IT/Programming/Frontend/Angular1','IT/Programming/Frontend/Angular2','IT/Programming/Frontend/React Js','IT/Programming/Backedn/C#', 'IT/Programming/Backedn/Java','IT/Programming/Backedn/Python','IT/Networking/Internet']

I want to create a nested object like this, It basically a nested object(hierarchy tree structure):

{
      text: 'IT', children: [
        {
          text: 'Programming', children: [{
            text: 'Frontend', children: [
              { text: 'Angular 1'},
              { text: 'Angular 2'},
              { text: 'ReactJS'}
            ]
          }, {
            text: 'Backend', children: [
              { text: 'C#'},
              { text: 'Java'},
              { text: 'Python'}
            ]
          }]
        },
        {
          text: 'Networking',children: [
            { text: 'Internet'},
          ]
        }
      ]
    }

I am able to create nested object but not sure how to add key value, here is my code:

function  createObject(array) {
    let obj = {};
    for (let key of array) {
        let putInto = obj;
        let tokens = key.split('/');
        for (let i = 0; i < tokens.length; i++) {
            let name = tokens[i];
            let value = (i === tokens.length - 1) ? '' : {};
            putInto[name] = putInto[name] || value;
            putInto = putInto[name];
        }
    }
    return obj;
}
createObject(myArr)

['IT/Programming/Frontend/Angular1','IT/Programming/Frontend/Angular2','IT/Programming/Frontend/React Js','IT/Programming/Backedn/C#', 'IT/Programming/Backedn/Java','IT/Programming/Backedn/Python','IT/Networking/Internet'] — john.mark
– john.mark, Commented May 20, 2021 at 10:00
Would there be an item is not IT/xxx/xx.. such as Account/xxxxxx? — ikhvjs
– ikhvjs, Commented May 20, 2021 at 10:05
Yes, it could be possible, there can be multiple same level hierarchy, like IT/xx/xx, account/xx/xx/xx, support/xx/xx — john.mark
– john.mark, Commented May 20, 2021 at 10:10
Also, what if there are duplicate records? such as 2 items are the same. do you ignore the duplicate one or still add it to the object? — ikhvjs
– ikhvjs, Commented May 20, 2021 at 10:28

georg · Accepted Answer · 2021-05-20 10:21:27Z

2

In two steps: first, group strings by the first element in a Map, second, iterate the map and apply the builder recursively:

function makeTreeA(items) {
    let m = new Map

    items.forEach(([text, ...rest]) => {
        if (!m.has(text))
            m.set(text, [])
        if (rest.length)
            m.get(text).push(rest)
    });

    return [...m].map(([text, children]) => children.length
        ? {text, children: makeTreeA(children)}
        : {text}
    )

}

const makeTree = strings => makeTreeA(strings.map(s => s.split('/')))

//

s = ['IT/Programming/Frontend/Angular1', 'IT/Programming/Frontend/Angular2', 'IT/Programming/Frontend/React Js', 'IT/Programming/Backedn/C#', 'IT/Programming/Backedn/Java', 'IT/Programming/Backedn/Python', 'IT/Networking/Internet']
console.log(makeTree(s))

answered May 20, 2021 at 10:21

georg

216k57 gold badges324 silver badges401 bronze badges

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

Collectives™ on Stack Overflow

How to created Nested object from string with JavaScript [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related