Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- de:modul:m288:learningunits:lu03:01 [2025/09/25 14:51] – alte Version wiederhergestellt (2025/09/23 08:32) vdemir
+++ de:modul:m288:learningunits:lu03:01 [2025/10/29 15:17] (aktuell) – vdemir
@@ Zeile 1: / Zeile 1: @@
-====== LU03a - Loops/Schleifen Übersicht ======
+====== LU03a - Selektion/Entscheidungen ======
-===== Einleitung bzw. Problemstellung =====
+===== Einleitung =====
-Stellen Sie sich vor, Sie sollen 100 Zahlen auf die Konsole schreiben. Das ginge mit:
+Applikationen sollen Abläufe basierend auf gewisse Bedingungen durchlaufen. Beispielweise dürfen Zigaretten, Alkohol oder Kreditkarten nicht an Minderjährige ausgegeben werden. Umgekehrt gibt es bei MacDonalds die Kinderportion nur für Kinder.
-  console.log(1);
+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.
-  console.log(2);
-  console.log(3);
-  // ... bis 100
-Das eben gezeigte Beispiel umfasst nur 100 Zahlen-Elemente, aber stellen Sie sich vor es seien tausende oder Millionen (Ergebnis einer Google-Suche). Sehr unpraktisch und in der Realität so nicht handhabbar. Wir brauchen also eine Verarbeitungsstruktur, die dynamisch die Lösungsmenge verarbeitet. Wir brauchen also stattdessen **Schleifen** – sie wiederholen Anweisungen, solange eine bestimmte Bedingung erfüllt ist.
-{{:de:modul:m288:learningunits:lu04:lu04_01.png?300|Wiederholungen braucht es um Datenlisten anzuzeigen}}
+{{:de:modul:m288:learningunits:lu03:lu03_01.png?400|Das Prinzip der Entscheidungen ist in der realen wie auch der digitalen Welt gleich}}
-===== Lösung: Schleifen =====
+Das vorliegende Kapitel beschäftigt sich mit diesen Entscheidungen in Applikationen (logische Entscheidungen).
-Um eine grosse Anzahl von Elementen, die beispielsweise in Arrays gepeichert sind verarbeiten zu können, verwenden wir am besten Schleifen. Man könnte sogar sagen, dass //Schleifen// und //Arrays// ein perfektes Paar abgeben, weil
-  * **Arrays** können eine beliebige Anzahl von Elementen speichern/aufnehmen.
+===== Was sind SELEKTIONEN ? =====
-  * **Schleifen** können diese beliebige Anzahl von Elemente verarbeiten.
+Der Begriff Selektion bedeutet schlicht Auswahl – also das gezielte Herausgreifen bestimmter Elemente, Informationen oder Zustände aus einer größeren Menge.
-In fast jeder Programmiersprache, so auch in JavaScript, gibt es die nachfolgende Typen:
+<WRAP center round tip 60%>Selektion bedeutet allgemein: Aus einer Menge von Daten gezielt bestimmte Elemente auswählen.</WRAP>
-{{:de:modul:m288:learningunits:lu04:javascript-loops-1200x675.jpg?500|}}
+===== Arten von Selektionen =====
+In der Informatik (und auch in Logik, Statistik oder Biologie) gibt es verschiedene Arten, wie man solche Selektionen unterscheiden kann. Grundsätzlich unterscheiden wir vier Arten von Selections:
-Wir haben nicht Zeit für alle Loop-Arten. Innerhalb des Moduls 288 werden wir uns daher auf die nachfolgenden drei Loops konzentrieren.
+  - **Einfach: if**
+  - **Zweifach: if-else**
+  - **Mehrfach: if-elsif-else**
+  - **Mehrfach: switch-case**
-  - **for-Schleife:** Zählerschleife, kopfgesteuert
+==== 1. Einseitige Selketion: if ====
-  - **while-Schleife:** Bedingung, kopfgesteuert
+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.
-  - **for ... in:** Bedingung, kopfgesteuert
-===== Wann ist welche Schleife passend? =====
+**Beispiel:**
+  if (temperatur > 30) {
+    console.log("Es ist heiss!");
+  }
-^Typ ^Wann nutzen? ^
+**Erläuterung:**
-| for | Wenn die Anzahl der Wiederholungen bekannt sind. |
+Wenn temperatur größer als 30 ist, wird die Nachricht ausgegeben. Sonst: Schweigen im Code-Wald.
-| while | Wenn nur eine Bedingung überprüfen werden soll. |
-| for...in | Wenn Objekte durchgegangen erden sollen. |
-**Achtung:** Endlosschleifen sind der Klassiker für eingefrorene Programme.
+**Merkmal:**
+  * Nur eine Richtung der Entscheidung.
+  * Keine Alternative, kein „sonst“.
+==== 2. Zweiseitige Selktion: if-else ====
+Die zweiseitige Selektion prüft ob eine Bedinung erfüllt ist, und kann weitere Schritte unternehmen, wenn sie nicht erfüllt ist
+„Wenn Bedingung erfüllt ist, dann tue etwas.“
+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 Selketion: if-elsif-else ====
+==== 4. Einfache Selketion: switch-case ====
 ===== Lernvideos =====
-{{:de:modul:m288:learningunits:lu04:javascript_loops_tutorial_-_schleifen_in_javascript_lernen.mp4|Schleifen im JavaScript}}
+{{:de:modul:m288:learningunits:lu03:lu03_02_was_sind_ifelse_bedingungen.mp4|Was sind if-else?}}
 ===== Zusatzmaterial =====
-  * [[https://www.w3schools.com/js/js_loops.asp|W3School- JavaScript Loops]]
-  * [[https://wiki.selfhtml.org/wiki/JavaScript/Kontrollstruktur#Schleifen|SelfHTML - Schleifen ]]
+  * [[https://www.w3schools.com/js/js_conditionals.asp|W3School- JavaScript Conditions]]
+  * [[https://wiki.selfhtml.org/wiki/JavaScript/Kontrollstruktur#Wenn-Dann-Bedingungen_mit_.22if.22|SelfHTML - JS Selections]]
 ----