Array in Objekt gruppieren

Einführung

In diesem Lab werden wir untersuchen, wie man mithilfe von JavaScript ein Array in ein Objekt gruppiert. Genauer gesagt werden wir die Array.prototype.reduce()-Methode verwenden, um in einem Objekt Eigenschaften mit Werten zu verknüpfen, ausgehend von einem Array von gültigen Eigenschaftsbezeichnern und einem Array von Werten. Wir werden auch lernen, wie man Fälle behandelt, in denen die Länge der beiden Arrays unterschiedlich ist. Am Ende des Labs werdet ihr ein tieferes Verständnis dafür gewonnen haben, wie man in JavaScript Objekte und Arrays manipuliert.

Wie man ein Array in ein Objekt gruppiert

Um ein Array in ein Objekt zu gruppieren, folge diesen Schritten:

1. Öffne das Terminal oder SSH und tippe node, um zu beginnen, zu programmieren.
2. Verwende die Array.prototype.reduce()-Methode, um ein Objekt aus den beiden Arrays zu erstellen.
3. Gib ein Array von gültigen Eigenschaftsbezeichnern und ein Array von Werten an.
4. Wenn die Länge des Eigenschaftsarrays länger als das Wertesarray ist, werden die verbleibenden Schlüssel auf undefined gesetzt.
5. Wenn die Länge des Wertesarrays länger als das Eigenschaftsarray ist, werden die verbleibenden Werte ignoriert.

Hier ist ein Beispielcodeausschnitt, der zeigt, wie man ein Array in ein Objekt gruppiert:

const zipObject = (props, values) =>
  props.reduce((obj, prop, index) => ((obj[prop] = values[index]), obj), {});

zipObject(["a", "b", "c"], [1, 2]); // {a: 1, b: 2, c: undefined}
zipObject(["a", "b"], [1, 2, 3]); // {a: 1, b: 2}

Zusammenfassung

Herzlichen Glückwunsch! Du hast das Lab "Array in Objekt gruppieren" abgeschlossen. Du kannst in LabEx weitere Labs absolvieren, um deine Fähigkeiten zu verbessern.