So erhalten Sie unterschiedliche Werte von einem Array von Objekten in JavaScript?

Arrays werden häufig zum Speichern von Daten in JavaScript verwendet. Diese Arrays können Objekte mit vielen Eigenschaften enthalten. Während der Arbeit mit diesen Arten von Arrays stehen die Entwickler häufig einer Situation, in der sie einzigartige oder unterschiedliche Werte aus Arrays extrahieren müssen. Abrufen Sie beispielsweise eine Liste aller unterschiedlichen/eindeutigen Produktkategorien usw. ab usw.

In diesem Blog wird die Möglichkeiten definiert, verschiedene/eindeutige Werte von einem Array von Objekten in JavaScript zu erhalten.

So erhalten Sie unterschiedliche/eindeutige Werte von einem Array von Objekten in JavaScript?

Verwenden Sie die folgenden Ansätze, um die eindeutigen Werte von einer Reihe von Objekten zu erhalten:

• "Setzen Sie" Objekt mit "map ()" -Methode.
• "Filter ()" -Methode mit "map ()" -Methode.

Methode 1: Nehmen Sie unterschiedliche Werte von einem Array von Objekten ab, das das Objekt „Set“ mit der Methode „MAP ()“ einstellen kann

Verwenden Sie zum Abrufen verschiedener Werte aus einer Reihe von Objekten die “Satz"Objekt mit dem"Karte()" Methode. Das „Set“ ermöglicht das Speichern verschiedener Werte jeglicher Art. Die Methode „MAP ()“ wird zum Erstellen eines Neuarray. Es akzeptiert eine Funktion als Parameter, die sie in jedem Array -Element aufruft und dann einen neuen Wert ausgibt.

Beispiel

Erstellen Sie eine Reihe von Objekten namens “Studentdetails”:

const studentdetails = [
ID: 1, Name: "Joseph", Alter: 15,
ID: 2, Name: "Milli", Alter: 13,
ID: 3, Name: "John", Alter: 11,
ID: 4, Name: "Mike", Alter: 16,
ID: 5, Name: "John", Alter: 18
];

Rufen Sie die Methode map () auf, um ein neues Array mit nur der “zu erstellenNameEigenschaft jedes Objekts im ursprünglichen Array. Geben Sie es an den festgelegten Konstruktor, der eindeutige Werte speichert, indem alle doppelten Werte entfernt werden. Verwenden Sie dann den Spread Operator “… ”Zum Konvertieren des festgelegten Objekts in ein Array:

const destnestdnames = [… Neues Set (StudentDetails.Karte (obj => obj.Name))];

Drucken Sie schließlich das resultierende Array auf der Konsole:

Konsole.log (differentstdnames);

Die Ausgabe zeigt an, dass das Array der unterschiedlichen Namenswerte erfolgreich aus einem Array von Objekten abgerufen wurde:

Methode 2: Nehmen Sie unterschiedliche Werte von einem Array von Objekten mit der Methode „filter ()“ unterschiedliche Werte ab Mit "map ()" -Methode

Ein weiterer Ansatz, um die eindeutigen Werte aus einer Reihe von Objekten zu erhalten, besteht darin, die zu verwendenFilter()Methode mit der “Karte()" Methode. Die Methode „filter ()“ erstellt ein neues Array mit allen Elementen, die eine bestimmte Bedingung übergeben, während die Methode „MAP ()“ ein neues Array erstellt, mit dem die Ergebnisse des Aufrufens einer mitgelieferten Funktion auf jedem Mitglied im Array aufgerufen werden.

Beispiel

Rufen Sie die Methode „filter ()“ mit der Methode „MAP ()“ auf, um die eindeutigen Werte der “abzurufenNameEigenschaft der Objekte:

const distdestdnames = studentDetails.Karte ((Element) => Element.Name)
.Filter ((Name, Index, CurrentVal) =>
CurrentVal.Indexof (Name) === Index
);

Zuletzt zeigen Sie die eindeutigen Werte auf der Konsole an:

Konsole.log (differentstdnames);

Ausgang

Es geht darum, verschiedene/eindeutige Werte von einem Array von Objekten in JavaScript zu erhalten.

Abschluss

Verwenden Sie die „Eindeutige Werte von einer Reihe von Objekten, um die“ zu verwendenSatz"Objekt mit dem"Karte()”Methode oder die“Filter()Methode mit der “Karte()" Methode. In Bezug auf die Leistung ist der erste Ansatz „Set“ -Objekt mit „map ()“ -Methode am besten. In diesem Blog wurde die Möglichkeiten definiert, einzigartige Werte aus einem Array von Objekten in JavaScript zu erhalten.