JS Reduce with parent parameter

Question

I am trying to solve my last issue with my reduce function to turn a nested JSON object into a flat list to enable easier searching.

Taking the JSON Below

    {
  "MovementPatterns": [
    {
      "Id": "",
      "Name": "Warm-up",
      "Exercises": [
        {
          "Id": "",
          "Name": "Lizard Stretch",
          "Level": 1,
          "EquipmentRequired": ""
        },
        {
          "Id": "",
          "Name": "Pigeon Stretch",
          "Level": 1,
          "EquipmentRequired": ""
        },
        {
          "Id": "",
          "Name": "Core Hold",
          "Level": 1,
          "EquipmentRequired": ""
        },
        {
          "Id": "",
          "Name": "Superman",
          "Level": 1,
          "EquipmentRequired": ""
        }
      ]
    },
    {
      "Name": "Horizontal Push",
      "Id": "",
      "Exercises": [
        {
          "Id": "",
          "Name": "Wall Push-up",
          "Level": 0,
          "VideoUrl": "",
          "EquipmentRequired": ""
        },
        {
          "Id": "",
          "Name": "Push-up",
          "Level": 1,
          "EquipmentRequired": ""
        },
        {
          "Id": "",
          "Name": "Tap Push-up",
          "Level": 2,
          "EquipmentRequired": ""
        },
        {
          "Id": "",
          "Name": "Explosive Push-up",
          "Level": 3,
          "EquipmentRequired": ""
        }
      ]
    }
  ]
}

I have used the following code:

const exercises = data.MovementPatterns.reduce(
  (a, {Exercises}) => [...a, ...Exercises, ...a],
  [],
);

To flattern all the exercises from each movement pattern into a pure list of exercises...This is great, but I now need to INCLUDE in that JSON for each exercise the PARENT Movement Pattern ID e.g.

[
        {
          "Id": "",
          "Name": "Lizard Stretch",
          "Level": 1,
          "MovementPatternId": 1,
          "EquipmentRequired": ""
        },
....
        {
          "Id": "",
          "Name": "Wall Push-up",
          "Level": 1,
          "MovementPatternId": 2,
          "EquipmentRequired": ""
        },
]

Can someone please help me figure out how to do this with my reduce function :)

Thanks

There's no such thing as a "JSON Object"

Andreas
– Andreas

2020-03-21 14:24:29 +00:00
Commented Mar 21, 2020 at 14:24 — Andreas
– Andreas, Commented Mar 21, 2020 at 14:24
Really helpful...

Christopher Pettigrew
– Christopher Pettigrew

2020-03-21 22:56:51 +00:00
Commented Mar 21, 2020 at 22:56 — Christopher Pettigrew
– Christopher Pettigrew, Commented Mar 21, 2020 at 22:56

the-phoenix · Accepted Answer · 2020-03-21 14:37:40Z

4

You're almost close. Just append parent's Id as MovementPatternId to the each element of Exercises.

const exercises = ab.MovementPatterns.reduce(
  (a, { Exercises, Id }) => [
    ...a,
    ...Exercises.map(e => ({ ...e, MovementPatternId: Id }))
  ],
  []
);

answered Mar 21, 2020 at 14:37

the-phoenix

965 bronze badges

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

Collectives™ on Stack Overflow

JS Reduce with parent parameter

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related