Objekt-Schlüssel abbilden

JavaScriptJavaScriptBeginner
Jetzt üben

This tutorial is from open-source community. Access the source code

💡 Dieser Artikel wurde von AI-Assistenten übersetzt. Um die englische Version anzuzeigen, können Sie hier klicken

Einführung

In diesem Lab werden wir untersuchen, wie man die Schlüssel eines Objekts mithilfe einer bereitgestellten Funktion abbildet und ein neues Objekt erzeugt. Wir werden Object.keys() verwenden, um über die Schlüssel des Objekts zu iterieren, und Array.prototype.reduce(), um ein neues Objekt mit denselben Werten und abgebildeten Schlüsseln mithilfe der bereitgestellten Funktion zu erstellen. Am Ende dieses Labs werden Sie eine solide Vorstellung davon haben, wie man die Schlüssel eines Objekts mit JavaScript transformiert.


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") javascript/BasicConceptsGroup -.-> javascript/array_methods("Array Methods") javascript/AdvancedConceptsGroup -.-> javascript/higher_funcs("Higher-Order Functions") javascript/AdvancedConceptsGroup -.-> javascript/destr_assign("Destructuring Assignment") subgraph Lab Skills javascript/variables -.-> lab-28480{{"Objekt-Schlüssel abbilden"}} javascript/data_types -.-> lab-28480{{"Objekt-Schlüssel abbilden"}} javascript/arith_ops -.-> lab-28480{{"Objekt-Schlüssel abbilden"}} javascript/comp_ops -.-> lab-28480{{"Objekt-Schlüssel abbilden"}} javascript/array_methods -.-> lab-28480{{"Objekt-Schlüssel abbilden"}} javascript/higher_funcs -.-> lab-28480{{"Objekt-Schlüssel abbilden"}} javascript/destr_assign -.-> lab-28480{{"Objekt-Schlüssel abbilden"}} end

Funktion zum Abbilden von Objekt-Schlüsseln

Um die Schlüssel eines Objekts mithilfe einer bereitgestellten Funktion abzubilden und ein neues Objekt zu erzeugen, folgen Sie diesen Schritten:

  1. Öffnen Sie das Terminal/SSH und geben Sie node ein, um mit der Code-Praxis zu beginnen.
  2. Verwenden Sie Object.keys(), um über die Schlüssel des Objekts zu iterieren.
  3. Verwenden Sie Array.prototype.reduce(), um ein neues Objekt mit denselben Werten und abgebildeten Schlüsseln mithilfe der bereitgestellten Funktion (fn) zu erstellen.

Hier ist eine Beispiel-Implementierung der mapKeys-Funktion:

const mapKeys = (obj, fn) =>
  Object.keys(obj).reduce((acc, k) => {
    acc[fn(obj[k], k, obj)] = obj[k];
    return acc;
  }, {});

Sie können die Funktion mit einem Beispiel-Eingabe wie dieser testen:

mapKeys({ a: 1, b: 2 }, (val, key) => key + val); // { a1: 1, b2: 2 }

Zusammenfassung

Herzlichen Glückwunsch! Sie haben das Lab "Map Object Keys" abgeschlossen. Sie können in LabEx weitere Labs absolvieren, um Ihre Fähigkeiten zu verbessern.