Files
30-seconds-of-code/blog_posts/js-remove-array-duplicates.md
2022-03-21 15:54:40 +02:00

1.3 KiB

title, shortTitle, type, tags, expertise, author, cover, excerpt, firstSeen, lastUpdated
title shortTitle type tags expertise author cover excerpt firstSeen lastUpdated
Tip: Remove duplicates from a JavaScript array Remove duplicates from an array tip javascript,array beginner chalarangelo blog_images/architectural.jpg Easily remove duplicates from a JavaScript array using the built-in `Set` object. 2021-02-11T11:00:00+02:00 2021-06-12T19:30:41+03:00

Removing duplicates from an array in JavaScript can be done in a variety of ways, such as using Array.prototype.reduce(), Array.prototype.filter() or even a simple for loop. But there's an easier alternative. JavaScript's built-in Set object is described as a collection of values, where each value may occur only once. A Set object is also iterable, making it easily convertible to an array using the spread (...) operator.

const nums = [1, 2, 2, 3, 1, 2, 4, 5, 4, 2, 6];

[...new Set(nums)] // [1, 2, 3, 4, 5, 6]

You can wrap this in a helper method, which is exactly what the uniqueElements snippet does. For more complex cases, such as unique objects in an array based on a specific key, you might want to take a look at uniqueElementsBy.