Iterating through an array of objects with nested array and objects to add my own object

Question

I have this array of nested objects and arrays:

const myArr = [
  {
    workoutName: "workout1",
    exercises: [
      {
        exerciseName: "Bench Press",
        sets: [
          {
          // some props and vals
          },
        ]
      },
      {
        exerciseName: "Deadlift",
        sets: [
          {
          // some props and vals
          },
        ]
      },
      {
        exerciseName: "Squat",
        sets: [
          {
          // some props and vals
          },
        ]
      },
      // more exercises
    ]
  }
]

const compareVal = "Deadlift";
const mySetObj = {//some data}

I want to iterate through the exercises array of objects and compare the exerciseName value for each object with the compareVal for a match. If it does match, I want to be able to add myObj as a value to that object's setsarray. Each of the exerciseName values are unique, so it would not be necessary to iterate through all of the exercises after finding a match.

Is there a way I can achieve this elegantly?

It looks like myArr is an array itself. Do you need to do this for each workout routine, or just for myArr[0]? — Nick
– Nick, Commented Dec 20, 2020 at 23:33
Just myArr[0], the array will not have more than one workout routine. — JLI_98
– JLI_98, Commented Dec 20, 2020 at 23:36

Nick · Accepted Answer · 2020-12-20 23:35:12Z

Seems like an array find method would be sufficient. Note that, in this solution, we use a forEach loop on the myArr array since it seems you might want to do this for each routine.

myArr.forEach(routine => {
  const ex = routine.exercises.find(e => e.exerciseName === compareVal);
  ex.sets.push(mySetObj);
})

Update: Since you just need this for myArr[0], this can be simplified as follows:

const ex = myArr[0].exercises.find(e => e.exerciseName === compareVal);
ex.sets.push(mySetObj);

And here it is working:

const myArr = [
  {
    workoutName: "workout1",
    exercises: [
      {
        exerciseName: "Bench Press",
        sets: [
          {
          // some props and vals
          },
        ]
      },
      {
        exerciseName: "Deadlift",
        sets: [
          {
          // some props and vals
          },
        ]
      },
      {
        exerciseName: "Squat",
        sets: [
          {
          // some props and vals
          },
        ]
      },
      // more exercises
    ]
  }
]

const compareVal = "Deadlift";
const mySetObj = { some: "data" };

const ex = myArr[0].exercises.find(e => e.exerciseName === compareVal);
ex.sets.push(mySetObj);

console.log(myArr);

Collectives™ on Stack Overflow

Iterating through an array of objects with nested array and objects to add my own object

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