Create a unique array using Set() in JavaScript.

#javascript #typescript #arrays #typedoc

In this article, we analyze how you can create a unique array using new set in JavaScript, inspired by a code reference from TypeDoc.

Let’s first understand this unique function in the above image with an example and then we will look at how this is used in TypeDoc source code.

unique function

export function unique<T>(arr: Iterable<T> | undefined): T[] {
    return Array.from(new Set(arr));
}

Array.from static method creates a new, shallow-copied Array instance from an iterable or array-like object.

Array.from() lets you create Arrays from:

iterable objects (objects such as Map and Set); or, if the object is not iterable,
array-like objects (objects with a length property and indexed elements).

If you were to run this below code in your browser’s console, you will quickly realise that Set removes duplicate values.

new Set([1,2,3,1,2,5,4,3,])
// result: Set(5) {1, 2, 3, 5, 4}

Combining these two concepts, you can now create a unique array using new Set(), simple and easy.

TypeDoc imports unique function into lib/application.ts at L366.

There is a similar approach suggestion in this Stackoverflow answer.

const unique = (list) => {
  return [...new Set(list)];
}

This is picked from Stackoverflow and uses spread operator instead of Array.from method.

We are open source — https://github.com/thinkthroo/thinkthroo (Do give us a star!)

We also provide web development and technical writing services. Reach out to us at hello@thinkthroo.com to learn more!