Objektwerte 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 arbeiten wir an einem JavaScript-Programmieraufgabe, die sich auf das Abbilden der Werte eines Objekts mit einer bereitgestellten Funktion konzentriert. Der Zweck dieser Aufgabe ist es, Ihnen zu helfen, ein besseres Verständnis davon zu erlangen, wie man Object.keys() und Array.prototype.reduce() verwendet, um ein neues Objekt mit denselben Schlüsseln und abgebildeten Werten zu erstellen. Am Ende dieses Labs werden Sie in der Lage sein, diese Kenntnisse anzuwenden, um komplexere Probleme in Ihren eigenen Projekten zu lösen.


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-28482{{"Objektwerte abbilden"}} javascript/data_types -.-> lab-28482{{"Objektwerte abbilden"}} javascript/arith_ops -.-> lab-28482{{"Objektwerte abbilden"}} javascript/comp_ops -.-> lab-28482{{"Objektwerte abbilden"}} javascript/array_methods -.-> lab-28482{{"Objektwerte abbilden"}} javascript/higher_funcs -.-> lab-28482{{"Objektwerte abbilden"}} javascript/destr_assign -.-> lab-28482{{"Objektwerte abbilden"}} end

Funktion zum Abbilden von Objektwerten

Um die Werte eines Objekts mit einer bereitgestellten Funktion abzubilden und ein neues Objekt mit denselben Schlüsseln zu generieren, folgen Sie diesen Schritten:

  1. Öffnen Sie das Terminal/SSH und geben Sie node ein, um mit der Codeausführung 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 Schlüsseln und abgebildeten Werten mit der bereitgestellten Funktion fn zu erstellen.
  4. Der folgende Code demonstriert die Implementierung der mapValues-Funktion.
const mapValues = (obj, fn) =>
  Object.keys(obj).reduce((acc, k) => {
    acc[k] = fn(obj[k], k, obj);
    return acc;
  }, {});

Hier ist ein Beispiel für die Verwendung der mapValues-Funktion:

const users = {
  fred: { user: "fred", age: 40 },
  pebbles: { user: "pebbles", age: 1 }
};
mapValues(users, (u) => u.age); // { fred: 40, pebbles: 1 }

Zusammenfassung

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