de:modul:m288:learningunits:lu03:01

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen Revision Vorhergehende Überarbeitung
Nächste Überarbeitung		 Vorhergehende Überarbeitung
de:modul:m288:learningunits:lu03:01 [2025/10/29 15:05] – vdemirde:modul:m288:learningunits:lu03:01 [2025/11/13 15:53] (aktuell) – vdemir
Zeile 1: Zeile 1:
-====== LU03a - Selektion/Entscheidungen ======+====== LU03a - Selektion/Auswahl ======
  
 ===== Einleitung ===== ===== Einleitung =====
Zeile 5: Zeile 5:
  
 Bei Social Media-Apps wie Tinder, Instagramm oder ähnlichen markieren wir unsere Vorliegen durch Swipes bzw. Likes. Basierend auf diese Markierungen wird dann die Treffermenge entsprechend eingeschränkt.  Bei Social Media-Apps wie Tinder, Instagramm oder ähnlichen markieren wir unsere Vorliegen durch Swipes bzw. Likes. Basierend auf diese Markierungen wird dann die Treffermenge entsprechend eingeschränkt. 
- 
-Das vorliegende Kapitel beschäftigt sich mit diesen Entscheidungen in Applikationen (logische Entscheidungen). 
  
 {{:de:modul:m288:learningunits:lu03:lu03_01.png?400|Das Prinzip der Entscheidungen ist in der realen wie auch der digitalen Welt gleich}} {{:de:modul:m288:learningunits:lu03:lu03_01.png?400|Das Prinzip der Entscheidungen ist in der realen wie auch der digitalen Welt gleich}}
 +
 +Das vorliegende Kapitel beschäftigt sich mit diesen Entscheidungen in Applikationen (logische Entscheidungen).
  
 ===== Was sind SELEKTIONEN ? ===== ===== Was sind SELEKTIONEN ? =====
 +Der Begriff Selektion bedeutet schlicht Auswahl – also das gezielte Herausgreifen bestimmter Elemente, Informationen oder Zustände aus einer größeren Menge.
  
 <WRAP center round tip 60%>Selektion bedeutet allgemein: Aus einer Menge von Daten gezielt bestimmte Elemente auswählen.</WRAP> <WRAP center round tip 60%>Selektion bedeutet allgemein: Aus einer Menge von Daten gezielt bestimmte Elemente auswählen.</WRAP>
  
-Der Begriff Selektion bedeutet schlicht Auswahl – also das gezielte Herausgreifen bestimmter Elemente, Informationen oder Zustände aus einer größeren Menge.+===== Operatoren ===== 
 +Um den Vergleich in Selektionen durchführen zu können braucht es sogenannte //OPERATOREN//. Dabei vergleicht der //OPERATOR// immer zwei Elemene, ähnlich wie in der Mathematik. Das Ergebnis des Vergleiches ist immer TRUE oder FALSE. Oder anders gesagt, der Vergleich ist korrekt oder er ist nicht korrekt. 
 + 
 +^ Operator ^ Bedeutung                          ^ Beispiel    ^ Ergebnis ^ 
 +| ==     | gleich (ohne Typprüfung)           | 5 == "5"  | true     | 
 +| ===    | **streng gleich** (mit Typprüfung) | 5 === "5" | false    | 
 +| !=     | ungleich (ohne Typprüfung)         | 5 != "6"  | true     | 
 +| !==    | **streng ungleich** (mit Typprüfung)| 5 !== "5" | true     | 
 +| >      | größer als                         | 7 > 3     | true     | 
 +| <      | kleiner als                        | 2 < 4     | true     | 
 +| >=     | größer oder gleich                 | 3 >= 3    | true     | 
 +| <nowiki><=</nowiki>| kleiner oder gleich                | 2 < = 5    | true     | 
 +| &&     | **und** (beide müssen true sein) | (x > 0 && x < 10) | true, wenn x zwischen 1 und 9, beide Bedingungen müssen erfüllt sein  |    
 +| <nowiki>||</nowiki> | **oder** (mindestens eine Bedingung true) | (x < 0 <nowiki>||</nowiki>  x > 100) | true, wenn außerhalb 0–100, nur eine Bedinung muss erfüllt sein. |
  
 ===== Arten von Selektionen ===== ===== Arten von Selektionen =====
Zeile 22: Zeile 36:
   - **Zweifach: if-else**   - **Zweifach: if-else**
   - **Mehrfach: if-elsif-else**    - **Mehrfach: if-elsif-else** 
-  - **Mehrfach: switch-case+  - **Mehrfach: switch-case** 
 + 
 +==== 1. Einseitige Selektion: if ==== 
 +Die einseitige Selektion ist die grundlegendste Form der Auswahl. Eine Anweisung wird nur dann ausgeführt, wenn eine Bedingung wahr (true) ist. Wenn sie falsch (false) ist, passiert nichts. 
 + 
 +**Beispiel:** 
 +  if (temperatur > 30) { 
 +    console.log("Es ist heiss!"); 
 +  } 
 + 
 +**Erläuterung:** 
 +Wenn temperatur größer als 30 ist, wird die Nachricht ausgegeben. Sonst: Schweigen im Code-Wald. 
 + 
 +**Merkmal:** 
 +  * Nur eine Richtung der Entscheidung. 
 +  * Keine Alternative, kein „sonst“. 
 + 
 +==== 2. Zweiseitige Selektion: if-else ==== 
 +Die zweiseitige Selektion prüft ob eine Bedinung erfüllt ist, und kann weitere Schritte unternehmen, wenn sie nicht erfüllt ist 
 + 
 +Hier gibt es also zwei mögliche Wege: 
 +  * Wenn die Bedingung wahr ist → führe diesen Code aus. 
 +  * Wenn sie falsch ist → führe den anderen Code aus. 
 + 
 +**Beispiel** 
 +  if (punktzahl >= 50) { 
 +    console.log("Bestanden"); 
 +  } else { 
 +    console.log("Nicht bestanden"); 
 +  } 
 + 
 +**Erläuterung:** 
 +Immer wird etwas ausgeführt — je nachdem, ob die Bedingung erfüllt ist oder nicht. 
 + 
 +**Merkmal:** 
 +  * Zweiwegentscheidung 
 +  * Erlaubt Alternative Aktionen 
 +  * Sehr häufig in Programmflusssteuerung 
 + 
 +==== 3. Mehrfache Selektion: if-elsif-else ==== 
 +Das nachfolgende JavaScript-Codebeispiel entscheidet beispielsweise, basierend auf einen Wert der Variable //temperatur//, ob es draussen Kühl ist oder nicht. 
 + 
 +**Beispiel** 
 +  let temperature = 15; 
 +  if (temperature > 30) { 
 +    console.log("Es ist brütend heiss!"); 
 +  } else if (temperature >= 20) { 
 +    console.log("Angenehm warm."); 
 +  } else if (temperature >= 10) { 
 +    console.log("Etwas frisch, aber okay."); 
 +  } else { 
 +    console.log("Kalt – Jacke nicht vergessen!"); 
 +  } 
 +   
 +Die Logik des obigen Codebeispiels ist wie folgt: 
 +  * Ist der Wert der Variable grösser als 30, wird ausgegeben, dass es //brütend heiss ist//. 
 +  * Ist die Temperatur zwischen 20 und 29 Grad, wird //angenehm Warm// ausgegeben. 
 +  * Bei Werten zwischen 10 und 19 Grad ist die Ausgabe // Frisch, aber OK// 
 +  * Und ansonsten //Kalt - Jacke nicht vergessen// 
  
-==== 1. Einseitige Seleketion: if ====+==== 4. Einfache Selektion: switch-case ==== 
 +Ein switch-case-Block vergleicht den Wert einer Variablen mit mehreren möglichen Fällen und führt den Code des **passenden Falls** aus – ähnlich wie eine Reihe von if-Abfragen, nur übersichtlicher. 
  
-==== 2. Zweiseitige Seleketion: if-else ====+**Beispiel**
  
-==== 3. Mehrfache Seleketion: if-elsif-else ====+  let wochentag = "Mittwoch"; 
 +  switch (wochentag) { 
 +    case "Montag": 
 +      console.log("Wochenstart – Kaffee intravenös!"); 
 +      break; 
 +    case "Dienstag": 
 +      console.log("Schon ein Tag geschafft."); 
 +      break; 
 +    case "Mittwoch": 
 +      console.log("Halbzeit! Durchhalten."); 
 +      break; 
 +    case "Donnerstag": 
 +      console.log("Fast geschafft."); 
 +      break; 
 +    case "Freitag": 
 +      console.log("Endspurt!"); 
 +      break; 
 +    default: 
 +      console.log("Wochenende – endlich Ruhe."); 
 +  }  
  
-==== 4. Einfache Seleketion: switch-case ====+**Wichtig**: Jedes Switch-Case benötigt einen Default-Fall, also einen ELSE-Block.
  
 ===== Lernvideos ===== ===== Lernvideos =====
Zeile 39: Zeile 132:
 ===== Zusatzmaterial ===== ===== Zusatzmaterial =====
  
-  * [[https://www.w3schools.com/js/js_conditionals.asp|W3School- JavaScript Conditions]] +  * [[https://www.w3schools.com/js/js_conditionals.asp | W3School- JavaScript Conditions]]  
 +  * [[https://www.w3schools.com/js/js_operators.asp | W3School- JavaScript Operators]]
   * [[https://wiki.selfhtml.org/wiki/JavaScript/Kontrollstruktur#Wenn-Dann-Bedingungen_mit_.22if.22|SelfHTML - JS Selections]]   * [[https://wiki.selfhtml.org/wiki/JavaScript/Kontrollstruktur#Wenn-Dann-Bedingungen_mit_.22if.22|SelfHTML - JS Selections]]
  
  • de/modul/m288/learningunits/lu03/01.1761746701.txt.gz
  • Zuletzt geändert: 2025/10/29 15:05
  • von vdemir