Das Erkunden von arrayähnlichen Objekten in JavaScript

Einführung

In diesem Lab werden wir das Konzept von arrayähnlichen Objekten in JavaScript erkunden und lernen, wie man bestimmt, ob ein Objekt iterierbar ist. Wir werden die isArrayLike-Funktion verwenden, um zu überprüfen, ob ein Objekt einen Iterator hat und daher mit einer for...of-Schleife iteriert werden kann. Am Ende dieses Labs werden Sie ein besseres Verständnis dafür haben, wie man mit arrayähnlichen Objekten in JavaScript umgeht.

Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript(("JavaScript")) -.-> javascript/ToolsandEnvironmentGroup(["Tools and Environment"]) 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/ToolsandEnvironmentGroup -.-> javascript/bom("Browser Object Model") subgraph Lab Skills javascript/variables -.-> lab-28410{{"Wert ist arrayähnlich"}} javascript/data_types -.-> lab-28410{{"Wert ist arrayähnlich"}} javascript/arith_ops -.-> lab-28410{{"Wert ist arrayähnlich"}} javascript/comp_ops -.-> lab-28410{{"Wert ist arrayähnlich"}} javascript/bom -.-> lab-28410{{"Wert ist arrayähnlich"}} end

Überprüfen, ob ein Wert arrayähnlich ist

Um zu überprüfen, ob ein Wert arrayähnlich ist, führen Sie die folgenden Schritte aus:

Öffnen Sie die Konsole/SSH.
Geben Sie node ein.
Verwenden Sie den folgenden Code, um zu überprüfen, ob das bereitgestellte Argument iterierbar ist:

const isArrayLike = (obj) =>
  obj != null && typeof obj[Symbol.iterator] === "function";

Die Funktion gibt true zurück, wenn das bereitgestellte Argument ein arrayähnliches Objekt ist, andernfalls false.
Beispiel:

isArrayLike([1, 2, 3]); // true
isArrayLike(document.querySelectorAll(".className")); // true
isArrayLike("abc"); // true
isArrayLike(null); // false

Zusammenfassung

Herzlichen Glückwunsch! Sie haben das Lab "Value Is Array-Like" abgeschlossen. Sie können in LabEx weitere Labs absolvieren, um Ihre Fähigkeiten zu verbessern.