Meta tags:
description= Gierige und faule Quantoren in JavaScript-Regulärausdrücken: Greedy nimmt das Maximum und geht zurück, Lazy (*?, +?, ??, n,m ?) nimmt das Minimum.;
Headings (most frequently used words):
der, in, praxis, quantoren, gieriges, faules, faule, wie, matching, funktioniert, konsumieren, dann, gierige, und, wirklich, backtracking, minimum, ausweiten, das, klassische, beispiel, vs, die, vollständige, familie, faulen, wann, sollte, man, verwenden, zusammenfassung, übungen,
Text of the page (most frequently used words):
und (69), das (34), der (22), javascript (20), ist (20), ein (19), api (19), dom (19), text (18), quantor (17), lernen (16), muster (16), die (15), wie (14), const (14), faule (12), #quantoren (12), string (12), wenn (12), oder (12), den (11), faul (11), html (10), bis (10), matchen (10), backtracking (9), matcht (9), console (9), match (9), web (8), dann (8), zum (8), nichts (8), log (8), zeichen (8), pattern (8), result (8), methoden (8), konsumieren (7), nur (7), einen (7), nimmt (7), mehr (7), gierige (7), tools (6), man (6), faules (6), alles (6), ersten (6), trennzeichen (6), möglich (6), gierig (6), mit (6), run (6), editable (6), null (6), w3docs (5), alle (5), übungen (5), faulen (5), minimum (5), gieriges (5), tag (5), sich (5), wahl (5), anker (5), damit (5), events (5), formatter (5), color (5), für (4), json (4), generator (4), css (4), verwenden (4), matching (4), funktioniert (4), was (4), weitet (4), aus (4), oft (4), fauler (4), ohne (4), kann (4), macht (4), wird (4), rest (4), musters (4), passt (4), etwas (4), von (4), the (4), nach (4), praxis (4), shadow (4), fetch (4), async (4), einführung (4), code (3), encoder (3), editor (3), quizze (3), php (3), vollständige (3), familie (3), klassische (3), beispiel (3), ausweiten (3), this (3), page (3), gesamte (3), willst (3), wenig (3), auf (3), dem (3), sie (3), des (3), hat (3), eines (3), ihn (3), einer (3), einzelnen (3), greedy (3), lazy (3), sodass (3), bevorzuge (3), wenige (3), stoppt (3), beim (3), danach (3), abc (3), abccc (3), example (3), abcd (3), nicht (3), engine (3), wiederholt (3), zurück (3), flag (3), document (3), data (3), browser (3), objekte (3), event (3), and (3), eigenschaften (3), promise (3), funktionen (3), function (3), objekt (3), operatoren (3), italiano (2), português (2), español (2), français (2), русский (2), deutsch (2), english (2), beautifier (2), diff (2), password (2), python (2), java (2), git (2), bücher (2), snippets (2), zusammenfassung (2), wann (2), sollte (2), wirklich (2), erfassungsgruppen (2), gegeben (2), eine (2), zeichenklasse (2), element (2), daher (2), immer (2), stoppen (2), anhängen (2), dazu (2), gezwungen (2), nehmen (2), maximum (2), standardmäßig (2), ende (2), fast (2), einem (2), literal (2), vollständig (2), zwei (2), nächsten (2), inhalt (2), anführungszeichen (2), richtige (2), letzten (2), kein (2), eins (2), mindestens (2), zwischen (2), jeder (2), gesamten (2), viel (2), hello (2), grabs (2), then (2), lässt (2), steht (2), muss (2), verlangt (2), ergebnis (2), weil (2), bereits (2), weiteres (2), bedeutet (2), also (2), nimm (2), versuch (2), male (2), schritt (2), gibt (2), regex (2), fehler (2), diese (2), workers (2), file (2), suche (2), flags (2), components (2), animationen (2), url (2), microtasks (2), formulare (2), benutzerdefinierte (2), ereignisse (2), styles (2), klassen (2), arrays (2), generatoren (2), advanced (2), await (2), fehlerbehandlung (2), promises (2), chaining (2), error (2), erweitern (2), handling (2), class (2), prototypes (2), interaktive (2), elemente (2), property (2), object (2), arrow (2), new (2), syntax (2), variablen (2), functions (2), objects (2), hash (2), 2026, rechte, vorbehalten, entwickler, gemacht, sprache, datenschutzrichtlinie, kontakt, über, uns, unternehmen, probier, üben, kostenlose, tutorials, beispiele, seit, 2014, next, previous, yes, helpful, prüfen, buchstaben, letzte, übung, greife, andernfalls, negierte, sauberere, schnellere, umfasst, nachfolgendes, rechtlich, angeben, sind, machen, gezeigt, kollabiert, vorwärtsdrängt, sein, kombiniere, stets, nachfolgenden, einfanggruppe, braucht, worauf, statt, negierten, schreiben, entfällt, regel, schneller, vorhersehbarer, klarer, als, faulheit, wichtige, vorbehalte, greifen, folgenden, datensatz, überschießen, klammerpaars, erfassen, xml, extrahieren, häufige, situationen, denen, verwende, gierigen, vorkommen, trennzeichens, praktische, faustregel, aaaaa, aaaa, tippfehler, erste, zweite, bevorzugt, bedeutung, form, pendant, durch, gebildet, ziel, stehenden, lautet, sofort, dass, abschließende, übrig, bleibt, landet, everything, backtracks, last, nothing, expands, first, unterschied, besten, erkennen, noch, tags, lehrbuchbeispiel, beide, denselben, anwenden, fordert, dies, verwirrende, fall, lediglich, warum, erlaubt, sobald, zufrieden, bei, ihm, erzwingt, jeden, indem, anhängt, wachse, bist, solange, erfüllt, beginnt, minimales, kehrt, strategie, drei, hier, beliebige, erforderlich, benötigt, behält, zeilenende, verstehen, schlüssel, vorherzusagen, tun, gib, widerwillig, nötig, nachfolgende, verbraucht, jedem, einzeln, verschluckt, zunächst, restlichen, maximales, gieriger, weiß, magisch, aufhören, soll, arbeitet, phasen, viele, fügt, hinzu, falsche, häufigsten, symptom, matched, seite, erklärt, mechanismus, beider, modi, bewusst, richtigen, einsetzen, können, regulären, ausdruck, vor, vorangehende, werden, darf, jedoch, mehrere, unterschiedlich, lange, textpassagen, erfüllen, würden, entscheiden, auswählt, genau, entscheidung, steuern, welche, regulärausdrücken, geht, intl, vibration, notifications, audio, webrtc, geolocation, websockets, service, midi, storage, validation, fullscreen, history, screen, orientation, push, webgl, battery, animations, apis, regexp, sticky, position, katastrophales, lookahead, lookbehind, alternation, rückwärtsreferenzen, name, sets, ranges, escaping, sonderzeichen, wortgrenze, mehrzeiliger, modus, anfang, unicode, klasse, zeichenklassen, regular, expressions, styling, slots, komposition, template, custom, elements, animation, indexeddb, localstorage, sessionstorage, cookies, cookie, storing, wiederaufnehmbarer, dateiupload, server, sent, xmlhttprequest, ursprungsübergreifende, anfragen, abbruch, download, fortschritt, formdata, network, requests, canvas, references, loop, macrotasks, selection, range, resizeobserver, intersectionobserver, mutation, observer, various, ressourcen, laden, onload, onerror, scripts, defer, domcontentloaded, load, beforeunload, unload, resource, loading, ereignis, methode, submit, clipboard, change, input, cut, copy, paste, fokussierung, focus, blur, formulareigenschaften, forms, controls, scrolling, tastatur, keydown, keyup, drag, drop, mausbewegungen, mausereignisse, grundlagen, auslösen, standard, browseraktionen, delegation, bubbling, capturing, introduction, koordinaten, fenstergrößen, scrollen, dokument, verändern, attribute, knoteneigenschaften, typ, getelement, queryselector, browserumgebung, spezifikationen, streams, filereader, blob, textdecoder, textencoder, arraybuffer, binäre, binary, files, fensterübergreifende, kommunikation, popups, window, frames, windows, polyfills, transpiler, bigint, currying, eval, proxy, reflect, miscellaneous, dynamische, imports, export, import, module, modules, iteratoren, generators, iteration, promisification, callbacks, try, catch, mixins, checking, instanceof, eingebaute, private, geschützte, statische, klassenvererbung, grundsyntax, classes, prototyp, __proto__, native, prototypale, vererbung, inheritance, widgets, performance, optimierung, debugging, barrierefreiheit, kompatibilität, manipulationsbibliotheken, fortgeschrittene, techniken, manipulationstechniken, traversieren, arbeiten, manipulieren, auswählen, knoten, getter, setter, deskriptoren, properties, configuration, closures, vertieft, binding, debounce, throttle, dekoratoren, weiterleitung, call, apply, settimeout, setinterval, nfe, globales, alte, var, scope, parameter, spread, rekursion, stack, tojson, datum, uhrzeit, destructuring, assignment, keys, values, entries, weakmap, weakset, map, set, iterables, array, strings, math, zahlen, primitiven, types, optional, konstruktor, operator, primitiv, konvertierung, symbol, typen, garbage, collection, objektmethoden, kopieren, basics, es6, funktionsausdrücke, schleifen, switch, bedingte, nullish, coalescing, logische, vergleichsoperatoren, typkonvertierungen, datentypen, use, strict, kommentare, basic, anmelden, durchsuchen, formatters, reverse, sha256, md5, length, calculator, colors, hsl, hex, mixer, converter, picker, general, kurse,
Text of the page (random words):
gierige und faule quantoren javascript lernen w3docs w3docs bücher html lernen css lernen javascript lernen git lernen java lernen php lernen python lernen kurse quizze übungen snippets tools general tools html editor password generator html encoder code diff json beautifier alle 13 color tools color picker color converter color mixer color hex colors hsl alle 10 string tools string length calculator md5 hash generator sha256 hash generator string reverse url encoder alle 19 code formatters javascript formatter css formatter html formatter json formatter php formatter w3docs durchsuchen k de english en deutsch de русский ru français fr español es português pt italiano it anmelden javascript lernen javascript basic einführung javascript verwenden js kommentare js mit dom js use strict js variablen js datentypen js typkonvertierungen js interaktive funktionen js operatoren js vergleichsoperatoren js logische operatoren js nullish coalescing js bedingte operatoren js switch js schleifen js funktionen js funktionsausdrücke js arrow functions js es6 objects the basics js objects js objekte kopieren js objektmethoden this js garbage collection js symbol typen js objekt zu primitiv konvertierung js konstruktor operator new js optional chaining data types js methoden von primitiven js zahlen js math js strings js arrays js array methoden js iterables js map und set js weakmap und weakset js object keys values entries js destructuring assignment js datum und uhrzeit js json methoden tojson advanced functions js rekursion und stack js rest parameter und spread syntax js variablen scope js das alte var js globales objekt js function objekt nfe js die new function syntax js settimeout und setinterval js dekoratoren und weiterleitung call apply js debounce throttle js function binding js arrow funktionen vertieft js closures object properties configuration js property flags und deskriptoren js property getter und setter javascript html dom dom einführung die dom knoten dom elemente auswählen den dom manipulieren arbeiten mit styles im dom event handling im dom dom traversieren dom manipulationstechniken formulare im dom verwenden fortgeschrittene dom techniken dom manipulationsbibliotheken dom browser kompatibilität dom barrierefreiheit debugging und tools performance optimierung interaktive elemente und widgets prototypes inheritance js prototypale vererbung js native prototypes js prototyp methoden objekte ohne __proto__ classes js class grundsyntax js klassenvererbung statische eigenschaften und methoden private und geschützte eigenschaften in js js eingebaute klassen erweitern js class checking instanceof js mixins error handling js fehlerbehandlung try catch js benutzerdefinierte fehler error erweitern promises async await js einführung callbacks js promise js promise chaining js fehlerbehandlung mit promises promise api promisification microtasks async await generators advanced iteration generatoren async iteratoren und generatoren modules module export und import dynamische imports miscellaneous proxy und reflect eval currying bigint js polyfills transpiler frames and windows popups und window methoden fensterübergreifende kommunikation binary data files arraybuffer binäre arrays textdecoder und textencoder blob file und filereader js streams api document browserumgebung spezifikationen suche getelement queryselector knoteneigenschaften typ tag und inhalt attribute und eigenschaften das dokument verändern styles und klassen fenstergrößen und scrollen koordinaten introduction to events javascript einführung in browser ereignisse bubbling und capturing event delegation standard browseraktionen benutzerdefinierte ereignisse auslösen ui events mausereignisse grundlagen mausbewegungen drag and drop tastatur keydown und keyup scrolling forms controls formulareigenschaften und methoden fokussierung focus blur events change input cut copy paste js clipboard api formulare ereignis und methode submit document and resource loading page domcontentloaded load beforeunload unload scripts async defer ressourcen laden onload und onerror various mutation observer js intersectionobserver js resizeobserver selection und range event loop microtasks und macrotasks javascript references canvas network requests fetch api formdata fetch download fortschritt fetch abbruch fetch ursprungsübergreifende anfragen url objekte xmlhttprequest js server sent events wiederaufnehmbarer dateiupload storing data in the browser cookies document cookie localstorage sessionstorage indexeddb animation css animationen javascript animationen web components web components custom elements shadow dom template element shadow dom slots komposition shadow dom styling shadow dom und events regular expressions js regex muster und flags zeichenklassen unicode flag u und klasse p anker string anfang und ende mehrzeiliger modus der anker flag m wortgrenze b escaping sonderzeichen sets und ranges quantoren und n gierige und faule quantoren erfassungsgruppen rückwärtsreferenzen im muster n und k name javascript alternation or lookahead und lookbehind katastrophales backtracking sticky flag y suche an position methoden von regexp und string javascript apis web animations api file api battery api webgl push api screen orientation api history api console api fullscreen api validation api web storage api web midi api js web workers service workers websockets geolocation webrtc web audio api notifications api die vibration api js intl api gierige und faule quantoren gierige und faule quantoren in javascript regulärausdrücken greedy nimmt das maximum und geht zurück lazy n m nimmt das minimum ein quantor wie oder gibt einem regulären ausdruck vor wie oft das vorangehende muster wiederholt werden darf wenn jedoch mehrere unterschiedlich lange textpassagen das muster erfüllen würden muss die engine entscheiden welche sie auswählt genau diese entscheidung steuern gierige und faule quantoren standardmäßig ist jeder quantor gierig er nimmt so viele zeichen wie möglich fügt man nach dem quantor ein hinzu wird er faul er nimmt so wenige zeichen wie möglich die falsche wahl ist einer der häufigsten regex fehler das klassische symptom ist ein muster das zu viel matched diese seite erklärt den mechanismus beider modi damit sie bewusst den richtigen einsetzen können wie gieriges matching wirklich funktioniert konsumieren dann backtracking ein gieriger quantor weiß nicht magisch wo er aufhören soll er arbeitet in zwei phasen maximales konsumieren verschluckt zunächst den gesamten restlichen string backtracking wenn das nachfolgende muster nicht mehr matchen kann weil alles bereits verbraucht ist gibt die engine zeichen einzeln zurück und wiederholt den versuch nach jedem schritt bis das gesamte muster passt gierig bedeutet also nimm alles und gib dann widerwillig so wenig wie nötig zurück damit der rest des musters passt das backtracking schritt zu verstehen ist der schlüssel um vorherzusagen was gierige muster tun gieriges in der praxis javascript editable run const pattern ab const text example text abcd e const result text match pattern console log result hier matcht beliebige zeichen null oder mehr male da danach nichts mehr erforderlich ist wird kein backtracking benötigt und der quantor behält alles bis zum zeilenende ergebnis abcd e gieriges in der praxis javascript editable run const pattern abc const text example text abccc const result text match pattern console log result c matcht c ein oder mehr male und nimmt gierig alle drei der match ist daher abccc wie faules matching funktioniert minimum konsumieren dann ausweiten ein fauler quantor kehrt die strategie um minimales konsumieren beginnt damit nichts zu matchen ausweiten nur wenn der rest des musters nicht passt lässt die engine den faulen quantor ein weiteres zeichen nehmen und wiederholt dann den versuch solange bis das gesamte muster erfüllt ist faul bedeutet also nimm so wenig wie möglich und wachse nur wenn du dazu gezwungen bist man macht jeden quantor faul indem man anhängt faules in der praxis javascript editable run const pattern ab const text example text abcd e const result text match pattern console log result dies ist der verwirrende fall das ergebnis ist lediglich ab warum weil erlaubt ist nichts zu matchen und im muster danach nichts steht das weiteres konsumieren erzwingt sobald ab matcht ist das muster bereits vollständig sodass der faule quantor zufrieden bei null zeichen stoppt ein fauler quantor weitet sich nur aus wenn etwas nach ihm ein trennzeichen ein literal oder ein anker es verlangt faules in der praxis javascript editable run const pattern abc const text abccc const result text match pattern console log result c muss mindestens ein c matchen das verlangt und nichts danach fordert mehr sodass er beim ersten stoppt abc das klassische beispiel vs der unterschied zwischen gierig und faul lässt sich am besten erkennen wenn nach dem quantor noch etwas steht das matchen von html tags ist das lehrbuchbeispiel beide muster auf denselben string anwenden javascript editable run const text p hello p greedy grabs everything then backtracks to the last console log text match 0 lazy grabs nothing then expands to the first console log text match 0 gieriges matcht p hello p den gesamten string nimmt alles und macht dann nur so viel backtracking dass ein für das abschließende im muster übrig bleibt und landet beim letzten faules matcht nur p einen einzelnen tag weitet sich zeichen für zeichen aus und stoppt sofort beim ersten wenn das ziel einen tag matchen einen in anführungszeichen stehenden string matchen oder bis zum nächsten trennzeichen matchen lautet ist faul fast immer die richtige wahl die vollständige familie der faulen quantoren jeder gierige quantor hat ein faules pendant das durch anhängen von gebildet wird gierig faul bedeutung der faulen form null oder mehr so wenige wie möglich ein oder mehr so wenige wie möglich null oder eins bevorzuge null 2 5 2 5 zwischen 2 und 5 bevorzuge 2 2 2 mindestens 2 bevorzuge 2 ist kein tippfehler das erste ist der quantor null oder eins und das zweite macht ihn faul sodass er es bevorzugt nichts zu matchen wenn er die wahl hat javascript editable run const text aaaaa console log text match a 2 4 0 greedy n m aaaa console log text match a 2 4 0 lazy n m aa wann sollte man faule quantoren verwenden eine praktische faustregel verwende einen faulen quantor wenn du bis zum ersten vorkommen eines trennzeichens matchen willst und einen gierigen wenn du alles bis zum letzten willst häufige situationen in denen faul die richtige wahl ist einzelnen html xml tag extrahieren inhalt eines einzelnen anführungszeichen oder klammerpaars erfassen text bis zum nächsten trennzeichen greifen ohne in den folgenden datensatz zu überschießen zwei wichtige vorbehalte ein trennzeichen ist oft klarer als faulheit statt kann man mit einer negierten zeichenklasse schreiben damit entfällt backtracking vollständig und das muster ist in der regel schneller und vorhersehbarer faul braucht etwas worauf es stoppen kann wie das beispiel mit ab gezeigt hat kollabiert ein fauler quantor am ende eines musters ohne etwas das ihn vorwärtsdrängt auf sein minimum und matcht fast nichts kombiniere ihn stets mit einem nachfolgenden literal anker oder einer einfanggruppe zusammenfassung quantoren sind standardmäßig gierig sie nehmen das maximum und machen dann backtracking damit der rest des musters passt anhängen macht einen quantor faul er nimmt das minimum und weitet sich nur aus wenn er dazu gezwungen wird ein fauler quantor ohne nachfolgendes element matcht so wenig wie rechtlich möglich oft nichts daher immer ein trennzeichen oder einen anker angeben auf dem er stoppen kann die vollständige faule familie umfasst und n m greife zu faul wenn du bis zum ersten trennzeichen willst andernfalls ist eine negierte zeichenklasse oft die sauberere und schnellere wahl übungen übung gegeben den string p hi p was matcht das faule muster gegeben den string p hi p was matcht das faule muster p das faule weitet sich nur bis zum ersten aus p hi p der gesamte string p der letzte tag p hi alles bis zum ersten buchstaben prüfen was this page helpful yes no previous quantoren und n next erfassungsgruppen on this page wie gieriges matching wirklich funktioniert konsumieren dann backtracking wie faules matching funktioniert minimum konsumieren dann ausweiten das klassische beispiel vs die vollständige familie der faulen quantoren wann sollte man faule quantoren verwenden zusammenfassung übungen w3docs kostenlose tutorials beispiele übungen snippets und quizze für das web seit 2014 bücher html lernen css lernen javascript lernen git lernen java lernen php lernen python lernen üben übungen quizze probier editor tools html editor password generator html encoder code diff json beautifier unternehmen über uns kontakt datenschutzrichtlinie sprache english deutsch русский français español português italiano 2026 w3docs alle rechte vorbehalten für entwickler gemacht
|