Javascript function to remove specific element from array based on two conditions / two properties

Question

How to remove element from array based on two values?
E.g. element with day: 8, date: august 2021.'

Array:

var events = 
  [ { day:  8, date: 'july 2021.'   } 
  , { day: 16, date: 'july 2021.'   } 
  , { day:  8, date: 'august 2021.' } 
  , { day: 16, date: 'august 2021.' } 
  ]

e.g. if I click on day 8, august I want to remove just element
8, august not also 8, july

What I tried:

// number of the day clicked $scope.newEvent (8)
// date of day clicked $scope.selectedDate ("august 2021.")

var newEventsArray = events.filter(e => 
  e.day != $scope.newEvent && e.date == $scope.selectedDate)

what's the actual value of $scope.newEvent and $scope.selectedDate? — AdityaParab
– AdityaParab, Commented Jul 20, 2021 at 11:38
// number of the day clicked $scope.newEvent = 8 // date of day clicked $scope.selectedDate = "august 2021." — vturkovic
– vturkovic, Commented Jul 20, 2021 at 11:42
You need ... != ... || ... != ... (the filter function needs to return true if either one doesn't match) — user5734311
– user5734311, Commented Jul 20, 2021 at 11:42

fravolt · Accepted Answer · 2021-07-20 11:46:26Z

2

You're almost there already, it's a bit of a logic error. Say we write the day being equal as D, and the month/year being equal as M.

You now filter out all of them such that

!D & M

Meaning if D=8 and M=August, you would filter out all dates for which the day is is not equal to 8, and for which the month is equal to August.

What you want, is to remove the entry only when the day and the month are equal to the values, that is

D & M

Now of course, using this as a filter would yield only 8, August, so you want to invert it

!(D & M)
!D | !M

In other words, you should change your expression to the following:

var newEventsArray = events.filter(e => e.day !== $scope.newEvent || e.date !== $scope.selectedDate)

answered Jul 20, 2021 at 11:46

fravolt

3,0341 gold badge8 silver badges26 bronze badges

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

Comments

Juno · Accepted Answer · 2021-07-20 11:58:02Z

1

Im, expecting you are printing the button using

events.map((item, id) => <Item />)

if thats the case you have access to item id, and you can delete the exact item using id

answered Jul 20, 2021 at 11:58

Juno

417 bronze badges

Collectives™ on Stack Overflow

Javascript function to remove specific element from array based on two conditions / two properties

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related