Array zu Objekt basierend auf Schlüssel

Einführung

In diesem Lab werden wir untersuchen, wie man ein Array von Objekten in ein Objekt umwandeln kann, wobei jeder Schlüssel des Objekts ein bestimmtes Eigenschaftswert der ursprünglichen Objekte ist. Wir werden dies mit der Array.prototype.reduce()-Methode und der Objektzerlegung in JavaScript erreichen. Dieses Lab wird Ihnen helfen, ein tieferes Verständnis davon zu erlangen, wie man in JavaScript Daten manipulieren und transformieren kann.

Skills Graph

Umwandeln eines Arrays in ein Objekt basierend auf einem bestimmten Schlüssel

Um ein Array in ein Objekt basierend auf einem bestimmten Schlüssel umzuwandeln und diesen Schlüssel von jedem Wert auszuschließen, folgen Sie diesen Schritten:

• Öffnen Sie das Terminal/SSH und geben Sie node ein, um mit der Codeausführung zu beginnen.
• Verwenden Sie Array.prototype.reduce(), um aus dem bereitgestellten Array ein Objekt zu erstellen.
• Verwenden Sie die Objektzerlegung, um den Wert des angegebenen Schlüssels und die zugehörigen Daten zu extrahieren und fügen Sie dann das Schlüssel-Wert-Paar zum Objekt hinzu.

Hier ist eine Beispielimplementierung:

const indexOn = (arr, key) =>
  arr.reduce((obj, v) => {
    const { [key]: id, ...data } = v;
    obj[id] = data;
    return obj;
  }, {});

Sie können die Funktion dann wie folgt verwenden:

indexOn(
  [
    { id: 10, name: "apple" },
    { id: 20, name: "orange" }
  ],
  "id"
);
// { '10': { name: 'apple' }, '20': { name: 'orange' } }

Zusammenfassung

Herzlichen Glückwunsch! Sie haben das Array zu Objekt basierend auf Schlüssel-Lab abgeschlossen. Sie können in LabEx weitere Labs ausprobieren, um Ihre Fähigkeiten zu verbessern.