Erstellen eines verschachtelten Objekts aus mehreren Arrays in JavaScript

Описание: Erfahren Sie, wie Sie effizient ein verschachteltes Objekt aus zwei Arrays in JavaScript erstellen, um Prüfer Ideen zuzuweisen und Daten für Tabellen vorzubereiten.
---
Dieses Video basiert auf der Frage https://stackoverflow.com/q/62414997/ gestellt von dem Nutzer 'tinku' ( https://stackoverflow.com/u/2506933/ ) sowie auf der Antwort https://stackoverflow.com/a/62415282/ bereitgestellt von dem Nutzer 'ABGR' ( https://stackoverflow.com/u/4650975/ ) auf der Website 'Stack Overflow'. Vielen Dank an diese großartigen Nutzer und die Stackexchange-Community für ihre Beiträge.

Besuchen Sie diese Links, um den Originalinhalt und weitere Details zu sehen, z. B. alternative Lösungen, aktuelle Entwicklungen zum Thema, Kommentare, Versionsverlauf usw. Der ursprüngliche Titel der Frage lautete beispielsweise: Creating nested object from multiple arrays

Außerdem steht der Inhalt (außer Musik) unter der Lizenz CC BY-SA https://meta.stackexchange.com/help/l...
Der ursprüngliche Fragenbeitrag steht unter der Lizenz 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ), und der ursprüngliche Antwortbeitrag steht unter der Lizenz 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ).

Falls Ihnen irgendetwas auffällt oder Unstimmigkeiten bestehen, schreiben Sie mir bitte an vlogize [AT] gmail [DOT] com.
---
Erstellen eines verschachtelten Objekts aus mehreren Arrays in JavaScript

Beim Arbeiten mit Daten in JavaScript kommt es häufig vor, dass Sie Informationen aus mehreren Arrays in einem strukturierten Format zusammenführen müssen. Ein denkbares Szenario ist, wenn Sie ein Array von Ideen und ein weiteres Array von Prüfern haben und ein verschachteltes Objekt erstellen möchten, das jede Idee mit dem entsprechenden Prüfer verbindet. In diesem Blog-Beitrag werden wir eine effektive Methode dazu mit JavaScript untersuchen.

Die Herausforderung

Stellen Sie sich vor, Sie haben zwei Arrays:

[[Siehe Video, um diesen Text oder Codeausschnitt anzuzeigen]]

Ihre Aufgabe ist es, ein strukturiertes Datenobjekt wie dieses zu erstellen:

[[Siehe Video, um diesen Text oder Codeausschnitt anzuzeigen]]

Zentrale Anforderung

Jeder Prüfer kann mehreren Ideen zugewiesen werden, aber jede Idee wird nur einem Prüfer zugeordnet.

Die Lösung

Wir können diese Aufgabe mit der map-Funktion lösen, die uns ermöglicht, über die Ideen zu iterieren und jede mit dem entsprechenden Prüfer zu verbinden. Schauen wir uns dazu zwei Methoden an:

Methode 1: Verwendung der reduce-Funktion

Die erste Methode nutzt die reduce-Funktion zusammen mit einem Zähler, der den aktuellen Prüfer verfolgt. So funktioniert es:

[[Siehe Video, um diesen Text oder Codeausschnitt anzuzeigen]]

Funktionsweise:

Wir initialisieren einen Zähler, um die Prüfer zu verfolgen.

Bei jeder Iteration prüfen wir, ob der Zähler das Ende des Prüfer-Arrays erreicht hat und setzen ihn gegebenenfalls zurück.

Dann erstellen wir für jede Idee ein Objekt, das den zugeordneten Prüfer enthält, und fügen es dem Akkumulator-Array hinzu.

Methode 2: Verwendung der map-Funktion (empfohlen)

Eine einfachere und klarere Methode ist es, die map-Funktion direkt zu verwenden. So umgehen wir die Notwendigkeit, eine Zählervariable zu verändern. Hier der Code dazu:

[[Siehe Video, um diesen Text oder Codeausschnitt anzuzeigen]]

Erklärung:

Wir durchlaufen jede Idee mit map und verwenden dabei den Index der Idee, um den entsprechenden Prüfer zu bestimmen.

Die Verwendung von index % reviewers.length sorgt dafür, dass, sobald wir den letzten Prüfer erreicht haben, wir wieder von vorne beginnen.

Fazit

Beide Methoden sind effektiv, um aus mehreren Arrays ein verschachteltes Datenobjekt in JavaScript zu erstellen, aber die zweite Methode mit map ist in der Regel klarer und besser lesbar. Achten Sie beim Zuweisen von Prüfern zu mehreren Ideen immer darauf, die Array-Längen korrekt zu handhaben, um keine Indexierungsfehler zu bekommen. Nun können Sie problemlos das notwendige Objekt für Ihre Tabellen oder jede andere Datenrepräsentation erzeugen! Viel Erfolg beim Programmieren!