Home > Web Front-end > JS Tutorial > Create a unique array using Set() in JavaScript.

Create a unique array using Set() in JavaScript.

Patricia Arquette
Release: 2024-10-19 06:21:30
Original
570 people have browsed it

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

Create a unique array using Set() in JavaScript.

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));
}
Copy after login

This function is picked from typedoc/src/lib/utils/array.ts.

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}
Copy after login

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

How TypeDoc uses unique function

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)];
}
Copy after login

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

About us:

At Think Throo, we are on a mission to teach the advanced codebase architectural concepts used in open-source projects.

10x your coding skills by practising advanced architectural concepts in Next.js/React, learn the best practices and build production-grade projects.

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!

References:

  1. https://github.com/TypeStrong/typedoc/blob/master/src/lib/application.ts#L366

  2. https://github.com/TypeStrong/typedoc/blob/master/src/lib/utils/array.ts#L98C8-L100C2

  3. https://stackoverflow.com/questions/6940103/how-do-i-make-an-array-with-unique-elements-i-e-remove-duplicates

  4. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/from



The above is the detailed content of Create a unique array using Set() in JavaScript.. For more information, please follow other related articles on the PHP Chinese website!

source:dev.to
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template