3 Ways to get unique values from an array in Javascript

unique-array-values-js.md

Here are 3 ways to retrieve unique values from arrays in Javascript

1. The array.filter method which is a higher order function which means it takes a function as it's argument.

const someArray = ['😁', '💀', '💀', '💩', '💙', '😁', '💙'];

const getUniqueValues = (array) => (
  array.filter((currentValue, index, arr) => (
		arr.indexOf(currentValue) === index
	))
)

console.log(getUniqueValues(someArray))
// Result ["😁", "💀", "💩", "💙"]

2. The array.reduce method which is a higher order function which means it takes a function as it's argument.

const someArray = ['😁', '💀', '💀', '💩', '💙', '😁', '💙'];

const getUniqueValues = (array) => (
  array.reduce((accumulator, currentValue) => (
    accumulator.includes(currentValue) ? accumulator : [...accumulator, currentValue]
  ), [])	
)

console.log(getUniqueValues(someArray))
// Result ["😁", "💀", "💩", "💙"]

3. Using the Set method.

const someArray = ['😁', '💀', '💀', '💩', '💙', '😁', '💙'];

const getUniqueValues = (array) => (
	[...new Set(array)]
)

console.log(getUniqueValues(someArray))
// Result ["😁", "💀", "💩", "💙"]