Subscribe

JavaScript Remove Duplicates from Array

✍️

Today we are learning how to remove duplicates from an array

28 Jul, 2020 Β· 2 min read

Today I want to share with you guys the easiest way to remove duplicates in an array with JavaScript.

We are going to be using the Set method for this.

BTW: I have a free Giveaway on Twitter! 🚨 Free Giveaway

JavaScript Removing Duplicates from Array

We already had a full overview of the Set function before, but today we are using Set to remove duplicates from an array.

Let’s start with the following array:

const array = ['🀟', '🀟', 1, 'abc', '🀟', 1];

As you can see, we have the emoji three times and the number one twice.

So make this a unique non-duplicate array we simply call Set on it.

const array = ['🀟', '🀟', 1, 'abc', '🀟', 1];
const set = new Set(array);
console.log(set);
// Set(3) {"🀟", 1, "abc"}

Wow, awesome and simple right!

JavaScript is not always complicated loops and functions; we have to leverage the write commands for the right solution.

Feel free to have a go on this Codepen.

See the Pen JavaScript Remove Duplicates from Array by Chris Bongers (@rebelchris) on CodePen.

Browser Support

Be aware; Set is not supported in the older IE versions!

JavaScript Set support

Thank you for reading, and let’s connect!

Thank you for reading my blog. Feel free to subscribe to my email newsletter and connect on Facebook or Twitter

Spread the knowledge with fellow developers on Twitter
Tweet this tip
Powered by Webmentions - Learn more

Read next πŸ“–

Removing all vowels with JavaScript

3 Dec, 2022 Β· 2 min read

Removing all vowels with JavaScript

10 games to learn JavaScript

2 Dec, 2022 Β· 3 min read

10 games to learn JavaScript

Join 2099 devs and subscribe to my newsletter