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

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.

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));
}

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}

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

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!