0Pricing
JavaScript Academy · Lektion

Regex-Grundlagen – Literale, test, Anker und Flags

Einfache reguläre Ausdrücke erstellen, Text prüfen, Anker (^ $) verwenden und gängige Flags (i, g) für kleine Parsing-Aufgaben einsetzen

Regex-Grundlagen – Literale, test, Anker und Flags ist eine kostenlose JavaScript Academy-Lektion auf CoddyKit. Dies ist Lektion 1 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.

Einführung in reguläre Ausdrücke

Ziel: Erkennen und verwenden Sie kleine Regex-Muster.

  • Erstellen Sie ein Regex-Literal wie /cat/
  • Prüfen Sie es mit test()
  • Verwenden Sie die Anker ^ und $
  • Fügen Sie Flags hinzu: i (Groß- und Kleinschreibung ignorieren), g (global)
Regex-Grundlagen – Literale, test, Anker und Flags — Illustration 1

Literal + test()

Erstellen Sie ein Literal wie /cat/ und rufen Sie test(text) auf, um true/false zu erhalten.

// Use a regex literal and test() to check presence
const r = /cat/;
console.log("has cat?", r.test("my cat"));
console.log("has cat?", r.test("dog"));
Regex-Grundlagen – Literale, test, Anker und Flags — Illustration 2

Zeichenklassen & match()

Häufige Zeichenklassen: \\d Ziffer, \\w Wortzeichen, \\s Leerraum. Verwenden Sie g, um alle Treffer zu erhalten.

// Character classes: \\d (digit), \\w (word), \\s (space)
const msg = "Order #245, table 7";
const numbers = msg.match(/\\d+/g);
console.log("numbers:", numbers);
Regex-Grundlagen – Literale, test, Anker und Flags — Illustration 3

Anker

^ findet den Anfang; $ findet das Ende. Zusammen können sie ein Muster für die gesamte Zeichenkette finden.

// Anchors: ^ start, $ end
const a = /^hello/.test("hello world");
const b = /world$/.test("say world");
const c = /^hello$/.test("hello");
console.log("starts hello?", a, "ends world?", b, "exact hello?", c);
Regex-Grundlagen – Literale, test, Anker und Flags — Illustration 4

Überblick über Flags

i ignoriert die Groß- und Kleinschreibung; g findet alle Treffer statt nur den ersten.

// Flags: i = ignore case, g = global (find all)
const text = "Red, red, RED";
const first = text.match(/red/i);
const all   = text.match(/red/gi);
console.log("first:", first[0]);
console.log("all:", all);
Regex-Grundlagen – Literale, test, Anker und Flags — Illustration 5

Grundlagen zum Escapen

Tipps zum Escapen:

  • Sonderzeichen: . * + ? ( ) [ ] { } | ^ $
  • Um einen Punkt zu finden, verwenden Sie \\.
  • Halten Sie Muster für Einsteiger klein und gut lesbar.
Regex-Grundlagen – Literale, test, Anker und Flags — Illustration 6

Quiz zu den Flag-Grundlagen

Kurztest: Regex-Flags.

Regex-Grundlagen – Literale, test, Anker und Flags — Illustration 7

Zusammenfassung

Zusammenfassung: Erstellen Sie einen regulären Ausdruck mit einem Literal, prüfen Sie ihn mit test(), verwenden Sie ^/$ für Anfang und Ende und fügen Sie die Flags i/g für die Suche ohne Beachtung der Groß- und Kleinschreibung sowie für mehrere Treffer hinzu.

Regex-Grundlagen – Literale, test, Anker und Flags — Illustration 8

Häufig gestellte Fragen

Ist die Lektion „Regex-Grundlagen – Literale, test, Anker und Flags“ kostenlos?

Ja — der vollständige Text von „Regex-Grundlagen – Literale, test, Anker und Flags“ 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 „Regex-Grundlagen – Literale, test, Anker und Flags“?

Einfache reguläre Ausdrücke erstellen, Text prüfen, Anker (^ $) verwenden und gängige Flags (i, g) für kleine Parsing-Aufgaben 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 1 von 3.

Wie lange dauert die Lektion „Regex-Grundlagen – Literale, test, Anker und Flags“?

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

  1. Regex-Grundlagen – Literale, test, Anker und Flags
  2. Gruppen, Captures und Replace
  3. Validierung und kleine Fallstricke
← Zurück zu JavaScript Academy