Collection-if und -for
Listen bedingt und in Schleifen erstellen
Collection-if und -for ist eine kostenlose Dart Academy-Lektion auf CoddyKit. Dies ist Lektion 4 von 4. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des Dart Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der Dart Academy-Kurs umfasst insgesamt 4 Lektionen.
Logik in Literalen
Manchmal hängen die Inhalte einer Liste von einer Bedingung ab. Dart ermöglicht es, ein if direkt in das Collection-Literal einzufügen, sodass Sie die Collection an einer Stelle erstellen.
Collection if
Ein collection if fügt ein Element nur hinzu, wenn seine Bedingung wahr ist. Ist keine Bedingung erfüllt, trägt dieser Platz einfach nichts bei.
var nav = ['Home', if (loggedIn) 'Profile'];if mit else
Sie können ein else hinzufügen, um zwischen zwei Elementen zu wählen. Eines der beiden landet immer in der Collection, niemals beide.
var tags = [if (vip) 'Gold' else 'Standard'];Keine geschweiften Klammern erforderlich
Im Gegensatz zu einem if auf Anweisungsebene benötigt das collection if weder geschweifte Klammern noch Semikolons. Es erzeugt ein Element und führt keinen Block aus.
Collection for
Ein collection for erzeugt Elemente durch eine Schleife direkt im Literal. Jeder Durchlauf fügt hinzu, was der Schleifenkörper liefert.
var doubled = [for (var n in nums) n * 2];Wie map, aber inline
Ein collection for ersetzt häufig einen map-Aufruf, wenn Sie sich bereits in einem Literal befinden. Bei einfachen Umformungen ist das oft direkter lesbar.
if und for kombinieren
Sie können beide combinen: mit for iterieren und anschließend mit if filtern. Gemeinsam erstellen sie in einem einzigen ausdrucksstarken Literal eine passend geformte Liste.
var evens = [for (var n in nums) if (n.isEven) n];Funktioniert nicht nur mit Listen
Collection-if und -for funktionieren auch in Set- und Map-Literalen. Mit derselben übersichtlichen Syntax können Sie alle drei Collection-Arten gestalten.
var m = {for (var u in users) u.id: u.name};Passt zu Spread
Sie können diese Elemente mit dem spread-Operator kombinieren. Fügen Sie einige Elemente inline ein, übernehmen Sie eine weitere Collection per Spread und ergänzen Sie Bedingungen – alles in einem Literal.
var x = [...base, if (extra) 'plus'];Warum es besser ist als nachträgliches Erstellen
Wenn Sie die Collection von Anfang an aufbauen, bleibt sie declarative. Sie vermeiden eine leere Liste und separate Anweisungen zum Hinzufügen von Elementen.
Ideal für UI-Listen
Das ist besonders in Flutter nützlich, wo eine children-Liste Widgets oft abhängig von Bedingungen oder Daten anzeigt. Das Literal bleibt übersichtlich und gut lesbar. 🧩
Kurze Überprüfung
Was macht ein collection if, wenn seine Bedingung falsch ist und kein else angegeben wurde?
Zusammenfassung
Collection-if fügt Elemente bedingt hinzu, und collection-for erzeugt sie in einer Schleife direkt in Listen-, Set- und Map-Literalen. 🎯
Häufig gestellte Fragen
Ist die Lektion „Collection-if und -for“ kostenlos?
Ja — der vollständige Text von „Collection-if und -for“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des Dart Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der Dart Academy-Kurs umfasst insgesamt 4 Lektionen.
Was lerne ich in „Collection-if und -for“?
Listen bedingt und in Schleifen erstellen Du übst Dart Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.
Brauche ich Erfahrung, um Dart Academy zu starten?
Keine Vorkenntnisse erforderlich. Dart Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 4 von 4.
Wie lange dauert die Lektion „Collection-if und -for“?
Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.
Kann ich in dieser Dart Academy-Lektion Code schreiben und ausführen?
Ja. Jede Dart Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.
Alle Lektionen in diesem Kurs
- Der Cascade-Operator (..)
- Null-Shorting-Cascades (?..)
- Spread und Null-aware Spread
- Collection-if und -for