Javascript Intro

Einführung in if, else if und else Anweisungen

Die if Anweisung

Eine if Anweisung überprüft eine Bedingung. Wenn die Bedingung true (wahr) ergibt, wird der Codeblock innerhalb der if Anweisung ausgeführt.

Syntax:

if (Bedingung) {
  // Code, der ausgeführt wird, wenn die Bedingung wahr ist
}

Die else Anweisung

Syntax:

if (Bedingung) {
  // Code, der ausgeführt wird, wenn die Bedingung wahr ist
} else {
  // Code, der ausgeführt wird, wenn die Bedingung falsch ist
}

Die else if Anweisung

Für mehrere Bedingungen in Folge können Sie else if verwenden, um zusätzliche Überprüfungen durchzuführen, bevor Sie zu else gelangen.

Syntax:

if (Bedingung1) {
  // Code, der ausgeführt wird, wenn Bedingung1 wahr ist
} else if (Bedingung2) {
  // Code, der ausgeführt wird, wenn Bedingung2 wahr ist
} else {
  // Code, der ausgeführt wird, wenn keine der Bedingungen wahr ist
}

for Schleife

Die for Schleife ist eine der am häufigsten verwendeten Schleifen in JavaScript. Sie wird verwendet, um einen Codeblock mehrmals auszuführen, und ist besonders nützlich, wenn die Anzahl der Wiederholungen im Voraus bekannt ist.

Syntax:

Die Syntax einer for Schleife sieht so aus:

for (Initialisierung; Bedingung; Inkrement) {
  // Code, der wiederholt ausgeführt werden soll
}

• Initialisierung: In diesem Schritt wird üblicherweise eine Zählvariable initialisiert. Dieser Schritt wird vor dem ersten Durchlauf der Schleife ausgeführt.
• Bedingung: Vor jedem Durchlauf der Schleife wird diese Bedingung überprüft. Wenn die Bedingung true ergibt, wird der Schleifenkörper ausgeführt. Wenn sie false ergibt, endet die Schleife.
• Inkrement: Nach jedem Durchlauf der Schleife wird dieser Schritt ausgeführt. Häufig wird hier die Zählvariable inkrementiert (erhöht) oder dekrementiert (verringert).

Beispiele

Beispiel 1: Einfaches Zählen

Drucken Sie die Zahlen von 1 bis 5 in der Konsole.

for (let i = 1; i <= 5; i++) {
  console.log(i);
}

Beispiel 2: Iteration durch ein Array

Angenommen, Sie haben ein Array mit Namen, und Sie möchten jeden Namen in der Konsole ausgeben.

let namen = ["Anna", "Bob", "Charlie", "Dana", "Eli"];

for (let i = 0; i < namen.length; i++) {
  console.log(namen[i]);
}

In diesem Beispiel startet i bei 0 (da Arrays in JavaScript bei 0 beginnen), und die Schleife läuft, solange i kleiner als die Länge des Arrays namen ist. Mit jedem Durchlauf wird i um 1 erhöht, sodass auf jedes Element im Array zugegriffen und es ausgegeben werden kann.

whileSchleifen

Eine while-Schleife in JavaScript ermöglicht es, einen Codeblock wiederholt auszuführen, solange eine bestimmte Bedingung wahr (true) ist. Die grundlegende Syntax einer while-Schleife lautet wie folgt:

while (Bedingung) {
  // Codeblock, der wiederholt ausgeführt wird
}

Wie whileSchleifen funktionieren:

1. Bedingung prüfen: Vor jedem Durchlauf der Schleife wird die Bedingung geprüft.
2. Code-Ausführung: Wenn die Bedingung true ergibt, wird der Codeblock innerhalb der Schleife ausgeführt.
3. Wiederholung: Nach der Ausführung des Codeblocks wird die Bedingung erneut geprüft. Wenn sie immer noch true ist, wird der Codeblock erneut ausgeführt. Dieser Prozess wiederholt sich, bis die Bedingung false ergibt.
4. Beendigung: Sobald die Bedingung false ergibt, wird die Ausführung der Schleife beendet, und das Programm fährt mit dem Code fort, der auf die Schleife folgt.

Wichtig:

• Die Bedingung sollte irgendwann während der Ausführung der Schleife auf false gesetzt werden. Andernfalls würde die Schleife unendlich laufen, was zu einem "Frozen" oder "Crash" des Programms führen kann.
• Die Bedingungsvariable muss in der Regel vor der Schleife initialisiert und innerhalb der Schleife modifiziert werden, um den Abbruch der Schleife sicherzustellen.

JavaScript Funktionen

JavaScript-Funktionen sind wiederverwendbare Blöcke von Code, die bestimmte Aufgaben ausführen oder Werte berechnen, wenn sie aufgerufen werden. Funktionen sind ein zentrales Konzept in JavaScript und ermöglichen es, Code zu organisieren, wiederzuverwenden und zu strukturieren, was die Lesbarkeit und Wartbarkeit des Codes verbessert.

Grundlegende Syntax einer Funktion

Eine Funktion in JavaScript wird mit dem Schlüsselwort function gefolgt von einem Namen, einer Liste von Parametern in runden Klammern (), und einem Codeblock in geschweiften Klammern {} definiert.

function nameDerFunktion(parameter1, parameter2) {
  // Code, der ausgeführt wird, wenn die Funktion aufgerufen wird
}

Beispiel: Einfache Funktion ohne Parameter

Eine Funktion, die eine einfache Begrüßungsnachricht ausgibt:

function gruessen() {
  console.log("Hallo Welt!");
}

gruessen(); // Ruft die Funktion auf und gibt "Hallo Welt!" aus

Beispiel: Funktion mit Parametern

Eine Funktion, die zwei Zahlen als Parameter akzeptiert und ihre Summe zurückgibt:

function addiere(zahl1, zahl2) {
  return zahl1 + zahl2;
}

console.log(addiere(5, 7)); // Gibt 12 aus

Beispiel: Anonyme Funktionen und Funktionsausdrücke

Funktionen können auch anonym sein und als Funktionsausdrücke verwendet werden. Ein Funktionsausdruck weist die Funktion einer Variablen zu:

const subtrahiere = function(zahl1, zahl2) {
  return zahl1 - zahl2;
};

console.log(subtrahiere(10, 4)); // Gibt 6 aus

Beispiel: Arrow-Funktionen (Pfeilfunktionen)

ES6 führte Arrow-Funktionen ein, eine kürzere Schreibweise für Funktionsausdrücke:

const multipliziere = (zahl1, zahl2) => zahl1 * zahl2;

console.log(multipliziere(3, 4)); // Gibt 12 aus

Arrow-Funktionen sind besonders nützlich für kurze Funktionen und wenn Funktionen als Argumente anderer Funktionen übergeben werden, wie bei Array-Methoden.

Beispiel: Funktionen als Argumente

Funktionen können anderen Funktionen als Argumente übergeben werden, was in JavaScript oft genutzt wird, z.B. bei Callbacks:

const zahlenArray = [1, 2, 3, 4, 5];
const verdoppelt = zahlenArray.map(zahl => zahl * 2); // Verwendet eine Arrow-Funktion als Callback

console.log(verdoppelt); // Gibt [2, 4, 6, 8, 10] aus

JavaScript-Funktionen sind vielseitig und mächtig. Sie ermöglichen die Strukturierung von Code in logische Blöcke, die Ausführung von Aufgaben und die Berechnung von Werten auf effiziente Weise. Die Fähigkeit, Funktionen zu definieren, zu übergeben und als Werte zu behandeln, ist ein fundamentales Konzept, das JavaScript seine Flexibilität und Ausdruckskraft verleiht.