Heim > Web-Frontend > js-Tutorial > Hauptteil

Erstellen Sie mit Set() in JavaScript ein eindeutiges Array.

Patricia Arquette
Freigeben: 2024-10-19 06:21:30
Original
541 Leute haben es durchsucht

In diesem Artikel analysieren wir, wie Sie mithilfe eines neuen Sets in JavaScript ein einzigartiges Array erstellen können, inspiriert von einer Codereferenz von TypeDoc.

Create a unique array using Set() in JavaScript.

Lassen Sie uns diese einzigartige Funktion im obigen Bild zunächst anhand eines Beispiels verstehen und dann schauen wir uns an, wie sie im TypeDoc-Quellcode verwendet wird.

einzigartige Funktion

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

Diese Funktion wird aus typedoc/src/lib/utils/array.ts ausgewählt.

Die statische Methode Array.from erstellt eine neue, flach kopierte Array-Instanz aus einem iterierbaren oder Array-ähnlichen Objekt.

Array.from() ermöglicht das Erstellen von Arrays aus:

  • iterierbare Objekte (Objekte wie Map und Set); oder, wenn das Objekt nicht iterierbar ist,

  • Array-ähnliche Objekte (Objekte mit einer Längeneigenschaft und indizierten Elementen).

Wenn Sie den folgenden Code in der Konsole Ihres Browsers ausführen würden, werden Sie schnell feststellen, dass Set doppelte Werte entfernt.

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

Durch die Kombination dieser beiden Konzepte können Sie jetzt mit new Set() ganz einfach ein einzigartiges Array erstellen.

Wie TypeDoc einzigartige Funktionen verwendet

TypeDoc importiert eine eindeutige Funktion in lib/application.ts bei L366.

In dieser Stackoverflow-Antwort gibt es einen ähnlichen Ansatzvorschlag.

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

Dies wird aus Stackoverflow ausgewählt und verwendet den Spread-Operator anstelle der Array.from-Methode.

Über uns:

Bei Think Throo haben wir die Mission, die fortgeschrittenen Codebasis-Architekturkonzepte zu vermitteln, die in Open-Source-Projekten verwendet werden.

Verzehnfachen Sie Ihre Programmierkenntnisse, indem Sie fortgeschrittene Architekturkonzepte in Next.js/React üben, die Best Practices erlernen und Projekte in Produktionsqualität erstellen.

Wir sind Open Source – https://github.com/thinkthroo/thinkthroo (Geben Sie uns einen Stern!)

Wir bieten auch Webentwicklungs- und technische Redaktionsdienste an. Kontaktieren Sie uns unter hello@thinkthroo.com, um mehr zu erfahren!

Referenzen:

  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



Das obige ist der detaillierte Inhalt vonErstellen Sie mit Set() in JavaScript ein eindeutiges Array.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:dev.to
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage