Standardwerte für Objekteigenschaften zuweisen

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 eine JavaScript-Funktion untersuchen, die Standardwerte für Objekteigenschaften zuweist. Diese Funktion hilft dabei, den Prozess zu vereinfachen, um sicherzustellen, dass alle Eigenschaften in einem Objekt einen Wert haben, auch wenn sie ursprünglich undefined waren. Mit der Object.assign()-Methode und der Spread-Syntax können wir leicht ein neues Objekt mit Standardwerten erstellen, während die ursprüngliche Schlüsselreihenfolge beibehalten wird.


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/AdvancedConceptsGroup -.-> javascript/destr_assign("Destructuring Assignment") javascript/AdvancedConceptsGroup -.-> javascript/spread_rest("Spread and Rest Operators") subgraph Lab Skills javascript/variables -.-> lab-28267{{"Standardwerte für Objekteigenschaften zuweisen"}} javascript/data_types -.-> lab-28267{{"Standardwerte für Objekteigenschaften zuweisen"}} javascript/arith_ops -.-> lab-28267{{"Standardwerte für Objekteigenschaften zuweisen"}} javascript/comp_ops -.-> lab-28267{{"Standardwerte für Objekteigenschaften zuweisen"}} javascript/destr_assign -.-> lab-28267{{"Standardwerte für Objekteigenschaften zuweisen"}} javascript/spread_rest -.-> lab-28267{{"Standardwerte für Objekteigenschaften zuweisen"}} end

Wie man Standardwerte für Objekteigenschaften zuweist

Um Standardwerte für alle Eigenschaften in einem Objekt zuzuweisen, die undefined sind, 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.assign(), um ein neues leeres Objekt zu erstellen und das ursprüngliche zu kopieren, um die Schlüsselreihenfolge beizubehalten.
  3. Verwenden Sie Array.prototype.reverse() und den Spread-Operator (...), um die Standardwerte von links nach rechts zu kombinieren.
  4. Am Ende verwenden Sie obj erneut, um Eigenschaften zu überschreiben, die ursprünglich einen Wert hatten.

Hier ist ein Beispielcodeausschnitt:

const defaults = (obj, ...defs) =>
  Object.assign({}, obj, ...defs.reverse(), obj);

defaults({ a: 1 }, { b: 2 }, { b: 6 }, { a: 3 }); // { a: 1, b: 2 }

Dieser Codeausschnitt wird ein Objekt zurückgeben, das Standardwerte für alle Eigenschaften hat, die im ursprünglichen Objekt undefined waren.

Zusammenfassung

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