Kategorie: JavaScript

For Schleife

Mit einer For-Schleife wird Code in der Schleife wiederholt ausgeführt solange eine Bedingung erfüllt ist. Sie wird oft verwendet, um automatisch eine Liste von Elementen nacheinander zu bearbeiten, ohne dass du jeden einzelnen Punkt manuell behandeln musst. Das macht wiederkehrende Aufgaben viel einfacher und schneller.

Die Kopfzeile beginnt in der regel mit dem word for und einen Bezeichner (Namen). Danach kommt meist das word in und dann die z.B. eine Liste oder eine Zählerschleife.

For Schleife

JavaScript

// Array von Zahlen
const zahlen = [1, 2, 3, 4, 5];

// For-Schleife, um das Array zu durchlaufen und die Summe zu berechnen
for (let i = 0; i < zahlen.length; i++) {
    summe += zahlen[i];
}

Python

# Liste von Zahlen
zahlen = [1, 2, 3, 4, 5]

# For-Schleife, um die Liste zu durchlaufen und die Summe zu berechnen
for zahl in zahlen:
    summe = summe + zahl

Rust

// Vektor (ähnlich wie eine Liste) von Zahlen
let zahlen = vec![1, 2, 3, 4, 5];

// For-Schleife, um die Vektor-Elemente zu durchlaufen und die Summe zu berechnen
for zahl in &zahlen {
    summe += zahl;
}

C & C++

leer

Dart

// Liste von Zahlen
List zahlen = [1, 2, 3, 4, 5];

// For-Schleife, um die Liste zu durchlaufen und die Summe zu berechnen
for (var zahl in zahlen) {
  summe += zahl;
}

PHP

// Array von Zahlen
$zahlen = array(1, 2, 3, 4, 5);

// For-Schleife, um das Array zu durchlaufen und die Summe zu berechnen
foreach ($zahlen as $zahl) {
    $summe += $zahl;
}

Vergleichs Operatoren

Logische Operatoren werden verwendet um unterschiedliche Bedingungen zu definieren

Kleiner als, Größer als Operator

Diese Verwendet man um zu überprüfen ob der Wert größer oder kleiner ist, als der verglichene Wert

kleiner als oder gleich, Größer als oder gleich Operator

Diesen verwendet man um zu überprüfen ob der Operator kleiner als oder gleich ist oder ob der Operator Größer als oder gleich ist.

Gleich, Ungleich Operator

Diesen verwendet man, wenn man überprüfen will ob eine oder mehrere Bedingungen nicht erfüllt sind.

Vergleichs Operatoren

JavaScript

Kleiner als, Größer als Operator:
if (x > 0) {
    console.log("x ist größer als 0");
}
if (x < 0) {
    console.log("x ist kleiner als 0");
}

Kleiner als oder gleich, Größer als oder gleich Operator:
if (x >= 0) {
    console.log("x ist gleich oder größer als 0");
}
if (x <= 0) {
    console.log("x ist gleich oder kleiner als 0");
}

Gleich, Ungleich Operator:
if (x === 0) {
    console.log("x ist gleich 0");
}
if (x !== 0) {
    console.log("x ist nicht gleich 0");
}








Python

Kleiner als,  Größer als  Operator
if x > 0:
    print("x ist größer als 0")
if x < 0:
    print("x ist kleiner als 0")

Kleiner als oder gleich, Größer als oder gleich  Operator
if x >= 0:
    print("x ist gleich oder größer als 0")
if x <= 0:
    print("x ist gleich oder kleiner als 0")

Gleich, Ungleich  Operator
if x == 0:
    print("x ist gleich 0")
if x != 0:
    print("x ist nicht gleich 0")








Rust

Kleiner als, Größer als Operator:
    if x > 0 {
        println!("x ist größer als 0");
    }
    if x < 0 {
        println!("x ist kleiner als 0");
    }

Kleiner als oder gleich, Größer als oder gleich Operator:
    if x >= 0 {
        println!("x ist gleich oder größer als 0");
    }
    if x <= 0 {
        println!("x ist gleich oder kleiner als 0");
    }

Gleich, Ungleich Operator:
    if x == 0 {
        println!("x ist gleich 0");
    }
    if x != 0 {
        println!("x ist nicht gleich 0");
    }








C & C++

Kleiner als, Größer als Operator:
if (x < 5) {
    printf("x ist kleiner als 5\n");
}
if (x > 5) {
    printf("x ist größer als 5\n");
}

Kleiner als oder gleich, Größer als oder gleich Operator:
if (x <= 0) {
    printf("x ist kleiner als oder gleich 0\n");
}
if (x >= 0) {
    printf("x ist größer als oder gleich 0\n");
}

Gleich, Ungleich Operator:
if (x == 0) {
    printf("x ist gleich 0\n");
}
if (x != 0) {
    printf("x ist ungleich 0\n");
}








Dart

Kleiner als, Größer als Operator:
  if (x > 0) {
    print("x ist größer als 0");
  }
  if (x < 0) {
    print("x ist kleiner als 0");
  }

Kleiner als oder gleich, Größer als oder gleich Operator:
  if (x >= 0) {
    print("x ist gleich oder größer als 0");
  }
  if (x <= 0) {
    print("x ist gleich oder kleiner als 0");
  }

Gleich, Ungleich Operator:
  if (x == 0) {
    print("x ist gleich 0");
  }
  if (x != 0) {
    print("x ist nicht gleich 0");
  }








PHP

Kleiner als, Größer als Operator:
if ($x > 0) {
    echo "x ist größer als 0";
}
if ($x < 0) {
    echo "x ist kleiner als 0";
}

Kleiner als oder gleich, Größer als oder gleich Operator:
if ($x >= 0) {
    echo "x ist gleich oder größer als 0";
}
if ($x <= 0) {
    echo "x ist gleich oder kleiner als 0";
}

Gleich, Ungleich Operator:
if ($x == 0) {
    echo "x ist gleich 0";
}
if ($x != 0) {
    echo "x ist nicht gleich 0";
}

PI (π)

PI ist eine Konstante in der Mathematik, die das Verhältnis zwischen dem Umfang und dem Durchmesser eines Kreises beschreibt. Pi ist eine unendliche Zahl, die nicht als Bruch dargestellt werden kann.

In diesem Artikel wird gezeigt wie PI (π) in mehreren Sprachen ausgegeben werden kann.

PI Inplimentierung in verschiedene Sprachen

JavaScript

const pi = Math.PI;
console.log(pi);

Python

import math

pi = math.pi

print(pi)

Rust

use std::f64;

fn main() {
  let pi = f64::consts::PI;
  println!("Pi = {}", pi);
}

C & C++

#include 
#include 

int main() {
    printf("Pi ist etwa %f\n", M_PI);
}

Dart

import 'dart:math';

pi = pi.pi;
print(pi);

PHP

$pi = pi();
echo $pi;

Kommentare

Ein Kommentar in einer Programmiersprache ist eine Notiz, die man im Code schreibt, um ihn leichter zu verstehen. Kommentare werden vom Computer ignoriert und sind nur für Menschen gedacht.

Kommentare

HTML

<!-- Dies ist ein Kommentar -->

CSS

/* Dies ist ein Kommentar */

JavaScript

Ein Einzeiler:
// Dies ist ein einzeiliger Kommentar
Mehr Zeiler Kommentar:
/*
Dies ist ein
mehrzeiliger Kommentar
*/

Rust

Ein Einzeiler:
// Dies ist ein einzeiliger Kommentar

Mehr Zeiler Kommentar:
/*
Dies ist ein
mehrzeiliger Kommentar
*/

Dokumentationskomentare:
///Dokumentationskommentar für die Struktur `Point`
struct Point {
    x: i32,
    y: i32,
}

impl Point {
    //!Dokumentationskommentar für die Implementierung von `Point`.
    fn new(x: i32, y: i32) -> Self {
        Self { x, y }
    }
}

Python

Ein Einzeiler:
# Dies ist ein einzeiliger Kommentar
Mehr Zeiler Kommentar:
"""
Dies ist ein
mehrzeiliger Kommentar
"""

C und C++

Die Einzeilen:
// Das ist ein einzeiliger Kommentar

Mehr Zeiler Kommentar:
/*
Dies ist ein
mehrzeiliger Kommentar
*/

Dart

Die Einzeilen:
// Das ist ein einzeiliger Kommentar

Mehr Zeiler Kommentar:
/*
Dies ist ein
mehrzeiliger Kommentar
*/

Dokumentationskomentar
/// Das ist ein Dokumentationskommentar
/** 
Das ist ein 
mehrzeiliger Dokumentationskommentar
*/

PHP

Die Einzeilen:
// Dies ist ein einzeiliger Kommentar
# Das ist auch ein einzeiliger Kommentar

Mehr Zeiler Kommentar:
/*
Dies ist ein
mehrzeiliger Kommentar
*/

Dokumentationskomentar:
/**
Das ist ein 
Dokumentationskommentar
*/

SHA256 Verschlüsselung

SHA-256 ist ein Algorithmus, der aus einem großen Datensatz eine kleine Zeichenkette erstellt. Diese Zeichenkette wird als Hashwert bezeichnet. Wenn die Daten geändert werden, ändert sich auch der Hashwert. Dadurch kann festgestellt werden, ob die Daten manipuliert wurden.

In der nachfolgenden Textfeld kann man belibigen Text hinzufügen und diesen dann in SHA256 Hashes umrechnen

Konsolenausgabe

Die Konsolenausgabe ist ein wichtiger Bestandteil vieler Programmiersprachen. Es ermöglicht dem Programmierer, Informationen auf der Konsole auszugeben, um beispielsweise den Fortschritt des Programms zu verfolgen oder Fehlermeldungen anzuzeigen.

Konsolenausgabe

JavaScript

console.log("Konsolenausgabe in JavaScript");

Python

print("Konsolenausgabe in Python")

Rust

fn main {
   print!{"Konsolenausgabe ohne Zeilenumbruch"}
   println!{"Konsolenausgabe mit Zeilenumbruch am ende"}
}

C & C++

C
int main() {
    printf("Konsolenausgabe in C")
}

C++
int main() {
    std::cout << "Konsolenausgabe in C++";
}

Dart

void main() {
    print('Konsolenausgabe in Dart);
}

PHP

echo "<script>console.log('Konsolenausgabe in PHP');</script>";

IF-Abfrage

Eine if-Befehl überprüft, ob eine Bedingung erfüllt ist. Wenn dies der Fall ist, wird ein vordefinierter Code ausgeführt.

Es ist auch möglich, einen anderen Code auszuführen, wenn eine Bedingung nicht erfüllt ist. Das ist dann ein else-Befehl.

Wenn man einen Befehl ausführen will, der dann Code ausführt, wenn die Bedingung nicht erfüllt wird, aber eine andere Bedingung erfüllt ist, gibt es den else-if-Befehl.

Dabei wird zuerst mit dem if-Befehl die Bedingung überprüft, und wenn diese nicht zutrifft, wird überprüft, ob die else-if-Bedingung erfüllt ist, und dieser Code wird ausgeführt. Es ist auch möglich, mehrere else-if-Befehle zu schreiben. Diese werden dann nacheinander ausgeführt, bis eine Bedingung zutrifft.

Es ist auch möglich nach den else-if-Befehl immer noch ein else-Befehl zu schreiben der dann ausgeführt wird wenn keine Bedingung erfüllt wird.

If Abfrage

JavaScript

let x = 10;
if (x > 10) {
    console.log("x ist größer als 10");
}

if (x > 10) {
    console.log("x ist größer als 10");
} else if (x < 10) {
    console.log("x ist kleiner als 10");
} else {
    console.log("x ist gleich 10");
}








Python

x = 10
if x > 10:
    print("x ist größer als 10")

if x > 10:
    print("x ist größer als 10")
elif x < 10:
    print("x ist kleiner als 10")
else:
    print("x ist gleich 10")








Rust

fn main() {
    let x = 10;
    if x > 10 {
        println!("x ist größer als 10");
    } 
}

fn main() {

    if x > 10 {
        println!("x ist größer als 10");
    } else if x < 10 {
        println!("x ist kleiner als 10");
    } else {
        println!("x ist gleich 10");
    }
}








C & C++

int main() {
    int zahl = 10;
    if (zahl > 10) {
        printf("Die Zahl ist größer als 10.\n");
    }
}

int main() {
    if (zahl > 10) {
        printf("Die Zahl ist größer als 10.\n");
    } else if (zahl < 10) {
        printf("Die Zahl ist kleiner als 10.\n");
    } else {
        printf("Die Zahl ist gleich 10.\n");
    }

}








Dart

void main() {
  int num = 10;
  if (num > 0) {
    print("Die Zahl ist positiv.");
  }
}

void main() {

  if (num > 0) {
    print("Die Zahl ist positiv.");
  } else if (num < 0) {
    print("Die Zahl ist negativ.");
  } else {
    print("Die Zahl ist null.");
  }
}








PHP

$x = 10;
if ($x > 10) {
    echo "x ist größer als 10";
}

if ($x > 10) {
    echo "x ist größer als 10";
} elseif ($x < 10) {
    echo "x ist kleiner als 10";
} else {
    echo "x ist gleich 10";
}

Logische Operatoren

Logische Operatoren werden verwendet um unterschiedliche Bedingungen zu definieren

Logischer UND-Operator

Diesen verwendet man, wenn man überprüfen will ob zwei oder mehrere Bedingungen erfüllt sind.

Logischer ODER-Operator

Diesen verwendet man, wenn man überprüfen will ob mindestens eine der beiden Bedingungen erfüllt sind.

Logischer NICHT-Operator

Diesen verwendet man, wenn man überprüfen will ob eine oder mehrere Bedingungen nicht erfüllt sind.

Logische Operatoren

JavaScript

Logischer UND-Operator
if (x > 0 && y > 0) {
    console.log("Beide x und y sind größer als 0");
}

Logischer ODER-Operator
if (x > 0 || y > 0) {
    console.log("Mindestens eine der Bedingungen ist erfüllt");
}

Logischer NICHT-Operator
if (!(x > 0)) {
    console.log("x ist nicht größer als 0");
}

Python

Logischer UND-Operator
if x > 0 and y > 0:
    print("Beide x und y sind größer als 0")

Logischer ODER-Operator
if x > 0 or y > 0:
    print("Mindestens eine der Bedingungen ist erfüllt")

Logischer NICHT-Operator
if not x > 0:
    print("x ist nicht größer als 0")

Rust

Logischer UND-Operator
if x > 0 && y > 0 {
    println!("Beide x und y sind größer als 0");
}

Logischer ODER-Operator
if x > 0 || y > 0 {
    println!("Mindestens eine der Bedingungen ist erfüllt");
}

Logischer NICHT-Operator
if !(x > 0) {
    println!("x ist nicht größer als 0");
}

C & C++

Logischer UND-Operator
if (x > 0 && y > 0) {
    printf("Beide x und y sind größer als 0");
}

Logischer ODER-Operator
if (x > 0 || y > 0) {
    printf("Mindestens eine der Bedingungen ist erfüllt");
}

Logischer NICHT-Operator
if (!(a > 20)) {
    printf("x ist nicht größer als 0");
}

Dart

Logischer UND-Operator
if (x > 0 && y > 0) {
  print("Beide x und y sind größer als 0");
}

Logischer ODER-Operator
if (x > 0 || y > 0) {
  print("Mindestens eine der Bedingungen ist erfüllt");
}

Logischer NICHT-Operator
if (!(x > 0)) {
  print("x ist nicht größer als 0");
}

PHP

Logischer UND-Operator
if ($x > 0 && $y > 0) {
    echo "Beide x und y sind größer als 0";
}

Logischer ODER-Operator
if ($x > 0 || $y > 0) {
    echo "Mindestens eine der Bedingungen ist erfüllt";
}

Logischer NICHT-Operator
if (!($x > 0)) {
    echo "x ist nicht größer als 0";
}

While-Schleifen

Eine While Schleife wird verwendet um Code nicht nur Code auszuführen wenn eine Bedingung erfüllt wird sondern er wird so lange ausgeführt bis die Bedingung nicht mehr erfüllt wird.

While-Schleife

JavaScript

let count = 0;

while (count < 5) {
    console.log("Count:", count);
    count++;
}

Python

count = 0

while count < 5:
    print("Count:", count)
    count += 1

Rust

fn main() {
    let mut count = 0;

    while count < 5 {
        println!("Count: {}", count);
        count += 1;
    }
}

C & C++

int main() {
    int zahl = 0;

    while (zahl < 5) {
        printf("Zahl ist %d\n", zahl);
        zahl++;
    }
}

Dart

void main() {
  int count = 0;

  while (count < 5) {
    print('Wert: $count');
    count++;
  }
}

PHP

$count = 0;

while ($count < 5) {
    echo "Count: " . $count . "\n";
    $count++;
}

Ausgabe und Eingabe:

console.log()

Gibt eine Nachricht in der Konsole aus

 console.log("Hallo, Bitcoin!");

alert()

Zeigt eine Benachrichtigung im Browser an

 alert("Hallo, Bitcoin!");

prompt()

Zeigt ein Dialogfeld zur Benutzereingabe an und gibt den eingegebenen Wert zurück

 let name = prompt("Was suchen sie?");