Filter object in javascript

Question

I am trying to filter through an array of objects and delete one of the object but keep the rest inside an array of objects but i keep returning either an array of arrays or i create nested objects. Is it possible to send in an array of objects and return and array of objects without that specific object? Below is the code I have been trying to work with.

      function deleteWorkout(workoutName) {
    
    const updatedArray = myWorkoutToDisplay.map((item) => item.newWorkToAdd.filter((workout) => workout.name !== workoutName))
    const objectArray = [{updatedArray}]
    const newWorkToAdd = objectArray.filter(e => e.length)
    const workouts = [{newWorkToAdd}]
    setMyWorkoutToDisplay(updatedArray)
  }

yo can you indent that code and provide more minimal code? i don't know what myWorkoutToDisplay is or newWorkToAdd is for certain. — acenturyandabit
– acenturyandabit, Commented Jul 25, 2021 at 2:52
This might be helpful. youtube.com/watch?v=zdp0zrpKzIE&ab_channel=AkshaySaini — Ranveer Sequeira
– Ranveer Sequeira, Commented Jul 25, 2021 at 2:56
Sorry its a bit confusing because i tried so many different ways. workoutName is an array of objects i sent through the function and I'm trying to compare that using filter on myWorkoutDisplay with is also an array of objects but it has a key newWorkToAdd that i need to map first to get to the objects. It's an array then my newWorkToAdd then an array of objects. — Brian Smith
– Brian Smith, Commented Jul 25, 2021 at 3:08
You need to provide an example of your array of Objects and and the value to get a better answer we can't guess how your array looks — JS_INF
– JS_INF, Commented Jul 25, 2021 at 9:53
"workoutToAdd": [ { "name": "1\nKettlebell Slingshot (Kettlebell Around the World)", "image": "https://kettlebellsworkouts.com/wp-content/uploads/2018/08/01_kettlebell-slingshot.png" }, { "name": "2\nKettlebell Halo", "image": "https://kettlebellsworkouts.com/wp-content/uploads/2018/08/02_kettlebell-halo.png" }] — Brian Smith
– Brian Smith, Commented Jul 25, 2021 at 12:49

MrMythical · Accepted Answer · 2021-07-25 03:01:40Z

1

You can easily do this with Array.prototype.filter. I guess the easiest way to delete 1 object is like this:

//let arr = arrayLike
//let objToDelete = whatever you want to delete
let newArr = arr.filter(obj => obj !== objToDelete)

newArr now has the array, without the deleted item. arr however still has it. To delete item by index, use this:

//let arr = arrayLike
//let ind = index to delete
let newArr = arr.filter((_, index) => index !== ind)

answered Jul 25, 2021 at 3:01

MrMythical

9,1093 gold badges22 silver badges50 bronze badges

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

7 Comments

Brian Smith Over a year ago

I tried doing this but it didn't work. Im not sure if its because i had to map it first then use this.

MrMythical Over a year ago

What do you mean by "it didn’t work"? Please clarify what happened instead of the expected result

Brian Smith Over a year ago

It gave me back an array of arrays instead of an array of objects.

MrMythical Over a year ago

Can you give me what you are trying to filter so I can test it myself?

Brian Smith Over a year ago

I copy and pasted it from the consol - newWorkToAdd: Array(1) 0: image: "kettlebellsworkouts.com/wp-content/uploads/2018/08/…" name: "2\nKettlebell Halo"

|

Collectives™ on Stack Overflow

Filter object in javascript

1 Answer 1

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related