Objekt in iterierbare Paare umwandeln

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 namens "toPairs" untersuchen, die aus einem Objekt oder einem anderen iterierbaren Objekt ein Array von Schlüssel-Wert-Paar-Arrays erstellt. Durch dieses Lab werden wir lernen, wie diese Funktion verwendet werden kann, um verschiedene Datenstrukturen in ein Format umzuwandeln, das leichter zu manipulieren und zugreifen ist. Wir werden auch einen tieferen Einblick in die Konzepte von Iteratoren und iterierbaren Objekten in JavaScript gewinnen.


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") subgraph Lab Skills javascript/variables -.-> lab-28655{{"Objekt in iterierbare Paare umwandeln"}} javascript/data_types -.-> lab-28655{{"Objekt in iterierbare Paare umwandeln"}} javascript/arith_ops -.-> lab-28655{{"Objekt in iterierbare Paare umwandeln"}} javascript/comp_ops -.-> lab-28655{{"Objekt in iterierbare Paare umwandeln"}} javascript/destr_assign -.-> lab-28655{{"Objekt in iterierbare Paare umwandeln"}} end

Umwandeln eines Objekts in Paare

Um ein Objekt in ein Array von Schlüssel-Wert-Paaren umzuwandeln, verwenden Sie die toPairs-Funktion. Um mit der Programmierung zu beginnen, öffnen Sie das Terminal/SSH und geben Sie node ein.

Die toPairs-Funktion funktioniert wie folgt:

  • Zunächst überprüft sie, ob Symbol.iterator für das gegebene iterierbare Objekt definiert ist.
  • Wenn Symbol.iterator definiert ist, verwendet sie Array.prototype.entries(), um einen Iterator für das Objekt zu erhalten, und wandelt das Ergebnis anschließend mit Array.from() in ein Array von Schlüssel-Wert-Paar-Arrays um.
  • Wenn Symbol.iterator für das Objekt nicht definiert ist, verwendet sie stattdessen Object.entries().

Hier ist der Code für die toPairs-Funktion:

const toPairs = (obj) =>
  obj[Symbol.iterator] instanceof Function && obj.entries instanceof Function
    ? Array.from(obj.entries())
    : Object.entries(obj);

Sie können die toPairs-Funktion mit verschiedenen Objekttypen verwenden, wie z.B.:

toPairs({ a: 1, b: 2 }); // [['a', 1], ['b', 2]]
toPairs([2, 4, 8]); // [[0, 2], [1, 4], [2, 8]]
toPairs("shy"); // [['0','s'], ['1', 'h'], ['2', 'y']]
toPairs(new Set(["a", "b", "c", "a"])); // [['a', 'a'], ['b', 'b'], ['c', 'c']]

Zusammenfassung

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