How to remove an array from another array in redux state javascript

Question

I have the following data :

removed_users = [1]

And

userProfile = [{id:1 , user:{id:1,username:test}} ,
               {id:2 , user:{id:2,username:test2}} ,]

What i wish to do: I wish to be able to remove the correct objects from userProfile , based on the array removed_users . I have tried the following code below but its not removing it from the array

state.project['userProfile'].filter(function(user) {
                                                    return !action.payload.find(function(removed) {
                                                            return removed === user.user.id
                                                                    })
                                                                })}

This is the code for the reducer thats supposed to help me remove the removed_users from the state

        case 'user_remove': return (updateObject(state, {
        project: {...state.project , ['users']:  state.project['userProfile'].filter(function(user) {
                                                                    return !action.payload.find(function(removed) {
                                                                    return removed === user.user.id
                                                                    })
                                                                })}
    }))

This is the script for updateObject helper function:

export const updateObject = (oldObject, updatedProperties) => {
return {
    ...oldObject,
    ...updatedProperties
}

}

It seems that you have a mistake in .filter return. Try to return action.payload.find instead of return !action.payload.find — Rostyslav
– Rostyslav, Commented Jul 13, 2020 at 7:53
I think you want to modify your state stored in state.project['userProfile'], but your reducer is storing result in state.project['users']. Could you send also your action creator function? I can only guess now what action.payload is? — lavor
– lavor, Commented Jul 13, 2020 at 8:02
code is working fine. the question is what does action.payload hold? — Apostolos
– Apostolos, Commented Jul 13, 2020 at 8:07
action.payload holds the removed_users i apologize! yes its because of the ! sign — neowenshun
– neowenshun, Commented Jul 13, 2020 at 8:10
the ! sign? but you said that you need to remove these entries, so filter will return all the other ones, based on ! sign. — Apostolos
– Apostolos, Commented Jul 13, 2020 at 8:11

Arseniy-II · Accepted Answer · 2020-07-13 08:04:16Z

1

You have a mistake in the filter. Use expression like this:

userProfile.filter((user)=>!removed_users.includes(user.id))

See full example in the playground: https://jscomplete.com/playground/s534466

edited Jul 13, 2020 at 8:04

Arseniy-II

9,3595 gold badges28 silver badges52 bronze badges

answered Jul 13, 2020 at 8:01

Denis Stukalov

1,2521 gold badge9 silver badges11 bronze badges

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

Comments

bakar_dev · Accepted Answer · 2020-07-13 08:00:57Z

0

Try this to remove user:

const userProfile = [
  {id:1 , user:{id:1,username:"t1"}} ,
               {id:2 , user:{id:2,username:"t2"}}]

const arr= [1];
const filtered = userProfile.filter(({user})=> !arr.includes(user.id)); 
console.log(filtered)

answered Jul 13, 2020 at 8:00

bakar_dev

9965 silver badges13 bronze badges

Comments

Ali Torki · Accepted Answer · 2020-07-13 08:12:15Z

0

Steps:

Dispatch an action for deleting a user by its id.

function removeUser(id){
   return {
     type: "REMOVE_USER",
     payload: id
   }
}
dispatch(removeUser(1))

Filter users in the reducer that the users id is not equal with received id. And then set new filtered users in the state which not include removed users.

function reducer(state, action){
   switch(action.type){
     case "REMOVE_USER":
        return {
          ...state,
          users: state.users.filter(user => user.id !== action.payload),
        }
     // other cases
   }
}

Good luck.

answered Jul 13, 2020 at 8:12

Ali Torki

2,0481 gold badge20 silver badges29 bronze badges

Collectives™ on Stack Overflow

How to remove an array from another array in redux state javascript

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related