📚
Lerndokumentationen
Web
Web
  • Willkommen
  • HTML
    • Was ist HTML?
    • Elemente
    • Attribute
    • Boilerplate
  • Textelemente
  • Links
  • Dokumentenstruktur
  • Medien
  • Tabellen
  • Formulare
  • CSS
    • Was ist CSS?
    • Syntax
  • Einheiten
  • Selektoren
  • Boxmodell
  • Hintergründe und Rahmen
  • Overflow
  • Bilder
  • Formulare
  • Textelemente
  • Layout
    • Flexbox
    • Grid
  • Responsive Design
  • JavaScript
    • Was ist JavaScript?
    • Einbindung in HTML
    • Grundlagen
      • Variablen und Werte
      • Datentypen
      • Operatoren und Ausdrücke
      • Kontrollstrukturen
      • Schleifen
    • Funktionen
      • Funktionsdeklarationen vs. Funktionsausdrücke
      • Arrow Functions
      • Standardparameter und Rest-Parameter
      • First-Class und Higher-Order-Funktionen
      • Closures
      • IIFE (Immediately Invoked Function Expressions)
    • Arrays
      • Erstellen und Modifizieren
      • Iteration über Arrays
      • Sortieren
      • Nützliche Methoden
    • Objekte und Datenstrukturen
      • Erstellen und Manipulieren
      • Destructuring
      • Sets und Maps
    • Strings
      • Template Literals
      • Methoden
    • Moderne JavaScript-Features
      • Optionale Verkettung
      • Nullish Coalescing Operator
      • Spread und Rest Operator
      • Kurzschlussausdrücke
    • Scope und Kontext
      • this Keyword
      • Call, Apply und Bind
      • Hoisting und Temporal Dead Zone (TDZ)
    • Objektorientierte Programmierung
      • Prototypes
      • Constructor Functions
      • ES6 Classes
      • Die create()-Methode
    • Asynchronous JavaScript
      • AJAX
      • Promises
    • Zahlen, Daten, Internationalisierung und Timer
      • Mathematische Operationen
      • Datum und Zeit
      • Internationalisierung
      • Timer
    • Modules
    • JavaScript im Browser (DOM und Events)
      • Das DOM
      • Elemente auswählen, erstellen und manipulieren
      • Styles, Attribute und Klassen
      • Events und Event Listener
      • Event Propagation
        • Event Delegation
      • DOM Traversing
    • JavaScript Engine und Performance
      • Execution Context und Call Stack
  • TypeScript
    • Was ist TypeScript?
  • Compiler und Runtimes
  • Konfiguration
  • Types
    • Primitive Typen und Typableitung
    • Arrays und Tupel
    • Objekte
    • Top- und Bottom-Types
    • Enums
    • Utility Types
      • Records
  • Typenkombination
    • Union Types
    • Discriminated Unions
    • Intersections
  • Funktionen
  • Klassen
    • Grundlagen
    • Feldinitialisierer
    • Schreibgeschützte Felder
    • Implementieren
    • Private und Geschützte Member
    • Getter und Setter
    • Statische Member
    • Abstrakte Klassen und Member
  • Modules
    • Importieren und Exportieren
    • Ambient Types
    • Namespaces
    • Globals
  • React
    • Was ist React?
    • JSX
    • Komponenten
      • Root-Komponente
      • Styling
      • Listen
      • Conditional Rendering
      • Fragments
    • Props
      • Destructuring
      • Children
    • Interaktivität
      • Event Handling
      • State
      • Formulare
    • State Management
      • State anheben
      • Derived State
    • Komposition und Reusability
      • Komponentenstrukturierung
      • Prop Drilling
      • Komposition
Bereitgestellt von GitBook
Auf dieser Seite
  1. JavaScript
  2. Grundlagen

Schleifen

for Schleife

Schleifen sind ein grundlegender Aspekt jeder Programmiersprache, denn sie ermöglichen es uns, sich wiederholende Aufgaben zu automatisieren. Die Syntax sieht wie folgt aus:

for (initialization; condition; afterthought) {
  statement
}

Das mag vielleicht ein bisschen einschüchternd wirken, aber wir werden jeden Schritt aufschlüsseln.

  • initialization: Ein Ausdruck oder eine Variablendeklaration, die einmal ausgewertet wird, bevor die Schleife beginnt. Wird typischerweise verwendet, um eine Zählervariable zu initialisieren.

  • condition: Ein Ausdruck, der vor jeder Schleifeniteration ausgewertet wird. Wenn dieser Ausdruck als wahr bewertet wird, wird die Anweisung ausgeführt. Wenn der Ausdruck falsch ist, wird die Schleife verlassen und zur ersten Anweisung nach dem for-Konstrukt übergegangen.

  • afterthought: Ein Ausdruck, der am Ende jeder Schleifeniteration ausgewertet wird. Dies geschieht vor der nächsten Auswertung der Bedingung. Wird in der Regel verwendet, um die Zählervariable zu aktualisieren oder zu erhöhen.

  • statement: Eine Anweisung, die so lange ausgeführt wird, wie die Bedingung als wahr bewertet wird.

for (let rep = 1; rep <= 10; rep++) {
  console.log(`Lifting weights repetition ${rep} 🏋️‍♀️`);
}
Lifting weights repetition 1 🏋️‍♀️
Lifting weights repetition 2 🏋️‍♀️
Lifting weights repetition 3 🏋️‍♀️
Lifting weights repetition 4 🏋️‍♀️
Lifting weights repetition 5 🏋️‍♀️
Lifting weights repetition 6 🏋️‍♀️
Lifting weights repetition 7 🏋️‍♀️
Lifting weights repetition 8 🏋️‍♀️
Lifting weights repetition 9 🏋️‍♀️
Lifting weights repetition 10 🏋️‍♀️

Wir erstellen die Zählervariable rep und initialisieren sie mit dem Wert 1. Die Schleife wird so lange ausgeführt, wie rep nicht grösser als zehn ist. Nach jeder Iteration wird rep um eins größer sein.

VorherigeKontrollstrukturenNächsteFunktionen

Zuletzt aktualisiert vor 3 Monaten