Eindeutige Werte in einem Array basierend auf einer Funktion

Einführung

In diesem Lab werden wir eine JavaScript-Funktion untersuchen, die hilft, alle einzigartigen Werte in einem Array basierend auf einer bereitgestellten Vergleichsfunktion zu finden. Wir werden die Methoden Array.prototype.reduce() und Array.prototype.some() verwenden, um ein neues Array zu erstellen, das nur das erste einzigartige Vorkommen jedes Werts enthält, basierend auf der bereitgestellten Vergleichsfunktion. Dieses Lab wird Ihnen ein tieferes Verständnis davon vermitteln, wie man in JavaScript Arrays manipuliert.

Skills Graph

Das Finden von einzigartigen Werten in einem Array mit einer Funktion

Um alle einzigartigen Werte eines Arrays zu finden, muss eine Vergleichsfunktion bereitgestellt werden.

Verwenden Sie Array.prototype.reduce() und Array.prototype.some(), um ein Array zu erstellen, das nur das erste einzigartige Vorkommen jedes Werts enthält. Die Vergleichsfunktion fn nimmt zwei Argumente, die Werte der beiden zu vergleichenden Elemente.

const uniqueElementsBy = (arr, fn) =>
  arr.reduce((acc, v) => {
    if (!acc.some((x) => fn(v, x))) acc.push(v);
    return acc;
  }, []);

Um die Funktion zu testen, verwenden Sie das folgende Beispiel:

uniqueElementsBy(
  [
    { id: 0, value: "a" },
    { id: 1, value: "b" },
    { id: 2, value: "c" },
    { id: 1, value: "d" },
    { id: 0, value: "e" }
  ],
  (a, b) => a.id == b.id
); // [ { id: 0, value: 'a' }, { id: 1, value: 'b' }, { id: 2, value: 'c' } ]

Beginnen Sie mit der Praxis des Codierens, indem Sie das Terminal/SSH öffnen und node eingeben.

Zusammenfassung

Herzlichen Glückwunsch! Sie haben das Lab "Unique Values in Array Based on Function" abgeschlossen. Sie können in LabEx weitere Labs ausprobieren, um Ihre Fähigkeiten zu verbessern.