how to convert array into new array of parent children

December 21, 2022

I have restaurant data array , I should make another array by grouping items by category that belongs to , I should convert this array :

[
     {
      "category":  {
        "title": "Appetizers",
      },
      "id": 1,
      "price": "10",
      "title": "Spinach Artichoke Dip",
    },
     {
      "category":  {
        "title": "Appetizers",
      },
      "id": 2,
      "price": "10",
      "title": "Hummus",
    },

     {
      "category":  {
        "title": "Salads",
      },
      "id": 3,
      "price": "7",
      "title": "Greek",
    },
    {
      "category":  {
        "title": "Salads",
      },
      "id": 4,
      "price": "9",
      "title": "Beyn",
    }
  ]

into a new array that should be as final result like this:

  [{
    "category": "Appetizers",
    "items" : ["Spinach Artichoke Dip","Hummus"]
  },
  {
    "category" : "Salads",
    "items" :["Greek", "Beyn"]
  }
]

I can’t find how to do it could you please help

>Solution :

Lets say that your data is a constant called data

So you can do this:

const data = [
   {
    "category":  {
      "title": "Appetizers",
    },
    "id": 1,
    "price": "10",
    "title": "Spinach Artichoke Dip",
  },
   {
    "category":  {
      "title": "Appetizers",
    },
    "id": 2,
    "price": "10",
    "title": "Hummus",
  },

   {
    "category":  {
      "title": "Salads",
    },
    "id": 3,
    "price": "7",
    "title": "Greek",
  },
  {
    "category":  {
      "title": "Salads",
    },
    "id": 4,
    "price": "9",
    "title": "Beyn",
  }
];

const result = [];

data.forEach((item) => {
  const category = item.category.title;
  const title = item.title;

  let foundCategory = result.find((c) => c.category === category);
  if (foundCategory) {
    foundCategory.items.push(title);
  } else {
    result.push({ category, items: [title] });
  }
});

console.log(result);

Now your desired result will be stored in result

happy coding