Validierung und kleine Fallstricke
Ganze Strings mit Ankern validieren, gierige Übertreffer vermeiden, Wortgrenzen verwenden, einfache zusätzliche Prüfungen ergänzen und /g mit test() mit Vorsicht einsetzen
Validierung und kleine Fallstricke ist eine kostenlose JavaScript Academy-Lektion auf CoddyKit. Dies ist Lektion 3 von 3. 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 JavaScript Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der JavaScript Academy-Kurs umfasst insgesamt 3 Lektionen.
Validierung der gesamten Zeichenkette
Ziel: Validieren Sie sicher und ohne Überraschungen.
- Verwenden Sie ^ und $, um die gesamte Zeichenkette zu finden
- Vermeiden Sie gierige Übererfassung; verwenden Sie bei Bedarf das lazy *?
- Verwenden Sie \\b-Wortgrenzen
- Beachten Sie die Wirkung von /g mit test()
Anker in der Praxis
Fügen Sie ^ und $ hinzu, damit keine Teiltreffer durchrutschen.
// Validate 4–6 digits ONLY (no spaces, no letters)
function isPin(text) {
const re = /^\\d{4,6}$/;
return re.test(text);
}
console.log("1234 ->", isPin("1234"));
console.log("12 34 ->", isPin("12 34"));
console.log("a123 ->", isPin("a123"));
Übererfassung vermeiden
Das gierige .* erfasst den längsten Bereich; fügen Sie ? hinzu, um den kürzesten Treffer zwischen Markierungen zu erhalten.
// Greedy (.*) vs lazy (.*?)
const text = "say \"hi\" and \"bye\"";
// Greedy: eats too much
const g = text.match(/".*"/);
console.log("greedy:", g && g[0]);
// Lazy: shortest between quotes
const l = text.match(/".*?"/g);
console.log("lazy:", l);
Wortgrenzen \\b
\\b findet Grenzen zwischen Wort- und Nicht-Wortzeichen; das ist für ganze Wörter nützlich.
// Use \\b to match a whole word (not inside another)
const s = "restart start up";
console.log("has start word?", /\\bstart\\b/.test(s)); // true
console.log("matches restart?", /\\brestart\\b/.test(s)); // true
console.log("start inside restart?", /start/.test("restart")); // true (partial)
Prüfungen sicher kombinieren
Für Einsteiger: Kombinieren Sie einen kleinen regulären Ausdruck mit zusätzlichen Prüfungen (trim, maximale Länge). Vermeiden Sie riesige Muster.
// Small, beginner-friendly email-like check (not RFC-complete)
// Strategy: small regex + extra length checks
function isEmailLite(text) {
if (typeof text !== "string") return false;
if (text.length > 254) return false; // cap length
const re = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/; // basic shape
return re.test(text.trim());
}
console.log("ok:", isEmailLite("a@b.co"));
console.log("bad space:", isEmailLite("a @b.co"));
console.log("too basic:", isEmailLite("abc"));
Fallstrick beim globalen Flag
Das Flag g verschiebt bei test() einen internen Cursor. Für einfache boolesche Ergebnisse bei getrennten Eingaben sollten Sie g weglassen.
// Using /g with test() changes lastIndex and can surprise you
const r = /a/g;
console.log("1st:", r.test("a")); // true
console.log("2nd:", r.test("a")); // false (cursor moved)
console.log("3rd:", r.test("a")); // true again
// Safer: avoid /g when repeatedly calling test() on separate strings
function hasA(text) {
return /a/.test(text); // no g flag
}
console.log("safe:", hasA("a"), hasA("a"));
Quiz zu Ankern für die Validierung
Kurztest: Validierung der gesamten Zeichenkette.
Zusammenfassung
Zusammenfassung: Validieren Sie vollständige Zeichenketten mit ^...$, verwenden Sie das lazy *?, um Übererfassung zu vermeiden, fügen Sie \\b für ganze Wörter hinzu, kombinieren Sie kleine reguläre Ausdrücke mit einfachen zusätzlichen Prüfungen und vermeiden Sie /g bei wiederholten Aufrufen von test().
Häufig gestellte Fragen
Ist die Lektion „Validierung und kleine Fallstricke“ kostenlos?
Ja — der vollständige Text von „Validierung und kleine Fallstricke“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des JavaScript Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der JavaScript Academy-Kurs umfasst insgesamt 3 Lektionen.
Was lerne ich in „Validierung und kleine Fallstricke“?
Ganze Strings mit Ankern validieren, gierige Übertreffer vermeiden, Wortgrenzen verwenden, einfache zusätzliche Prüfungen ergänzen und /g mit test() mit Vorsicht einsetzen Du übst JavaScript 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 JavaScript Academy zu starten?
Keine Vorkenntnisse erforderlich. JavaScript 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 3 von 3.
Wie lange dauert die Lektion „Validierung und kleine Fallstricke“?
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 JavaScript Academy-Lektion Code schreiben und ausführen?
Ja. Jede JavaScript 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
- Regex-Grundlagen – Literale, test, Anker und Flags
- Gruppen, Captures und Replace
- Validierung und kleine Fallstricke