Array of strings to array of objects conversion

Question

I have an Array var category:

var category = ["all", "Items Id", "Items Sku", "Items Name"]

I need to convert it to a JSON object in the following format:

var category = [{
  "id": "all",
  "text": "all",
  "children": [{
    "id": "Items Id",
    "text": "Item Id"
  }, {
    "id": "Items Sku",
    "text": "Items Sku"
  }, {
    "id": "Items Name",
    "text": "Items Name"
  }]
}, ];

I'm trying to work with the code below but doesn't work:

var category = ["all", "Items Id", "Items Sku", "Items Name"]

var json = header.map((str, index) => ({ text: str, id: index + 1 }));

var categorylist = [];

for (var i in json) {
  categories.push({
    "id": json[0].value,
    "text": json[0].value,
    "children": [{
      id: json[i].value,
      text: json[i].value
    }]
  }

  console.log(categorylist)

Any help?

Welcome to StackOverflow! Please read How do I ask a good question? and How to create a Minimal, Reproducible Example — Rojo
– Rojo, Commented Mar 28, 2021 at 19:42
FYI nothing about your question involves JSON. I've edited it accordingly. — Rory McCrossan
– Rory McCrossan, Commented Mar 28, 2021 at 19:42

charlietfl · Accepted Answer · 2021-03-28 20:21:45Z

1

map() for the children using a bit of destructuring to separate the first element from the rest of array

const category = ["all", "Items Id", "Items Sku", "Items Name"],
      getObj = ([id,...rest]) => ({id,text:id, children: rest.map(id => ({id, text:id}))}),      
      res = [getObj(category)];

console.log(res)

edited Mar 28, 2021 at 20:21

answered Mar 28, 2021 at 19:56

charlietfl

172k14 gold badges125 silver badges154 bronze badges

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

Comments

Hassan Imam · Accepted Answer · 2021-03-28 19:48:04Z

1

You can use array#map to generate children skipping the first item and then generate your array by adding id and text for the first item and adding the children.

const category = ["all", "Items Id", "Items Sku", "Items Name"],
      children = category.slice(1).map(id => ({id, text: id})),
      result = [{id: category[0], text: category[0], children}];
console.log(result);

answered Mar 28, 2021 at 19:48

Hassan Imam

22.6k6 gold badges45 silver badges53 bronze badges

Collectives™ on Stack Overflow

Array of strings to array of objects conversion

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related