Trying to prevent duplicate values to be added to an array.

Question

Having an issue with my project when it comes to adding a duplicate value to an array on a click event.

when I push the clicked item's value to the array openedCards.push(card); the code allows for multiple item values to be added to the array thus creating a matched value with a single item.

I have tried wrapping this code like so if ($.inArray(card, openedCards) < 0)openedCards.push(card); i see that the match class is no longer being added to matching pairs, or any values for that matter.

here is the Here is the jsfiddle

Answer 1

With vanilla javascript you can do this like the following:

if (array.indexOf(value) === -1) array.push(value);

Where array is your array of value's that you don't want duplicates of.

---

Or, you can use the following es6 syntax:

if (array.includes(value) === false) array.push(value);