creating nested object and arrays from array of data

Question

var resources = ["user$manageuser", "user$createuser", "details$/user-details-data", "page1$user$deletesupplier"]

var result = resources.reduce(
  (r, s) =>
  ((key, value) => Object.assign(r, {
    [key]: [].concat(r[key] || [], value)
  }))
  (...s.split('$')), {}
);
console.log(result);

not able to nest the level for page1, how can i do that one ?

expectedoutput = {
 user: ["manageuser", "createuser"],
 details: ["/user-details-data"],
 page1: {
    user: ["deletesupplier"]
  }
}

what is the max depth of the object? e.g depth of page1$user$deletesupplier is 3 — Harish
– Harish, Commented Mar 11, 2019 at 8:28
no it can be any level ?thats the problem if its a fixed level it was fine but it can be any level — Beginner
– Beginner, Commented Mar 11, 2019 at 8:37

Ziarno · Accepted Answer · 2019-03-11 08:54:23Z

4

you have to use recursion

const data = ["user$manageuser", "user$createuser", "details$/user-details-data", "page1$user$deletesupplier"]

function makeObject(resources, object = {}) {
  return resources.reduce((result, string) => {
    const [key, value] = string.split(/\$(.+)/)
    if (value && value.includes('$')) {
      result[key] = result[key] || {}
      makeObject([value], result[key])
    } else {
      result[key] = result[key] || []
      result[key].push(value)
    }
    return result
  }, object)
}

const res = makeObject(data)
console.log(res)

This works for any depth, and also you can add objects to array, ex. "user$test$test2"

edited Mar 11, 2019 at 8:54

answered Mar 11, 2019 at 8:43

Ziarno

7,5725 gold badges37 silver badges41 bronze badges

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

3 Comments

Beginner Over a year ago

i was trying with recursion, cool thanks for the quick response :)

Beginner Over a year ago

instead of $ if i use pipeline i am not able to split as like $, is the regex should change ?

Beginner Over a year ago

got it split(/\|(.+)/) :)

Hakier · Accepted Answer · 2019-03-11 08:47:47Z

1

If You can use Lodash or at least get and set from this library then function what will solve your problem can look like this:

function transform(resources) {
    return resources.reduce((agg, resource) => {
      const splitted = resource.split('$');
      const keys = splitted.slice(0, splitted.length - 1);
      const value = splitted[splitted.length - 1];

      _.set(agg, keys, [...(_.get(agg, keys) || []), value]);


      return agg;
    }, {});
  }

answered Mar 11, 2019 at 8:47

Hakier

5053 silver badges14 bronze badges

Collectives™ on Stack Overflow

creating nested object and arrays from array of data

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related