How can I restructure object to Array of objects to a specific format?

Question

I have this Object which I want to restructure as shown in the desired output below. The IngriId in desired output is just Date.now() I am struggling to rearrange this it seems impossible to me .Can this be done in javascript because I am very new to it and I am finding it hard to implement?

Input:

const Shopping = {
    "meatsOutput": [
      {
        "val": "Chicken breast"
      }
    ],
    "spicesOutput": [
      {
        "amount": "½ tsp",
        "val": "paprika"
      }
    ],
    "dairyOutput": [
      {
        "amount": "1/2 Cup",
        "val": "yogurt"
      },
      {
        "amount": "1/2 teaspoon",
        "val": "heavy cream"
      }
    ]
  }

Desired Output:

const ShoppingList = [
      {
          "data": [{
              "value": "Chicken breast",
              "ingrId": "202237423fm16787",
          }],
          "name": "meatsOutput",
      },
      {
          "data": [{
              "amount": "½ tsp",
              "value": "paprika",
              "ingrId": "20223742381r787",
          }],
          "name": "spicesOutput",
      },
      {
          "data": [{
              "amount": "1/2 Cup",
              "value": "yogurt",
              "ingrId": "202237423816787",
          }, ],
          "name": "dairyOutput",
      }
  ]

What's the output case for dairyOutput when there are two ingredients? — Adam Azad
– Adam Azad, Commented Oct 14, 2020 at 14:56
@LeGEC, don't remind me. My flight to Göteborg got canceled. — Adam Azad
– Adam Azad, Commented Oct 14, 2020 at 15:06

Derek Wang · Accepted Answer · 2020-10-14 14:58:14Z

1

Using Object.entries, you can generate the [key, value] pair array, and then, using Array.prototype.map, you can change that array to the result you want.

const input = {
  "meatsOutput": [{
    "val": "Chicken breast"
  }],
  "spicesOutput": [{
    "amount": "½ tsp",
    "val": "paprika"
  }],
  "dairyOutput": [{
      "amount": "1/2 Cup",
      "val": "yogurt"
    },
    {
      "amount": "1/2 teaspoon",
      "val": "heavy cream"
    }
  ]
};

const result = Object.entries(input).map(([key, value]) => ({
  name: key,
  data: value.map((item) => ({
    ...item,
    ingrId: Date.now()
  }))
}));
console.log(result);

answered Oct 14, 2020 at 14:58

Derek Wang

10.2k4 gold badges20 silver badges40 bronze badges

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

2 Comments

Dilhan Bhagat Over a year ago

Hi thank you so much for this Answer!!!! . How would I manipulate this if the input was wrapped in an array?

Derek Wang Over a year ago

If input is array, you can make like this. const result = input.map((item) => Object.entries(item)...same...);

Collectives™ on Stack Overflow

How can I restructure object to Array of objects to a specific format?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related