Removing Array Duplicates In ES6

Photo by Jessica Felicio on Unsplash

Here are 4 ways to remove duplicates from an array and return only the unique values.

1. Set

Set is one of the cool thing happening in ES6. It’s a new data structure that stores unique values of any type. You can iterate through the elements of a set in insertion order. A value in the Set may only occur once; it is unique in the Set’s collection.

2. Filter

The filter() method creates a new array with all elements that pass the test implemented by the provided function.

- Bonus: Retrieve the duplicate values

3. Reduce

In order to find out this option, let’s understand what these two methods are doing: reduce and includes.

.reduce()

The reduce() method executes a reducer function (that you provide) on each member of the array resulting in single output value.

.includes()

The includes() method determines whether an array includes a certain value among its entries, returning true or false as appropriate.

4. lodash

Do not forget: The bundle size for lodash@4.17.11 is 24.2kB (minified + gzipped). See here.

--

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Onur Şuyalçınkaya

Onur Şuyalçınkaya

Crafting, building & shipping · SWE at heycar · JS, React, React Native, Next.js.

More from Medium

JavaScript Simplified — A Beginner’s Guide

How to get query params from a URL in JavaScript

Introduce yourself properly (part 2)

Asynchronous JavaScript with async/await