Meta tags:
description= Reguläre Ausdrücke in JavaScript ermöglichen das Suchen, Abgleichen und Manipulieren von Zeichenketten. Dieser Leitfaden behandelt die wichtigsten Methoden.;
Headings (most frequently used words):
beispiel, string, regexp, javascript, methoden, ein, kurzer, regex, überblick, test, exec, search, split, match, matchall, replace, replaceall, fazit, übungen, die, lastindex, falle, mit,
Text of the page (most frequently used words):
und (74), die (44), string (43), javascript (32), treffer (29), der (29), match (28), sie (26), regex (25), das (24), const (24), mit (23), str (22), einem (21), ein (20), api (20), #methode (20), zurück (20), console (20), gibt (19), log (19), dom (19), index (18), flag (16), methoden (16), lernen (15), oder (15), exec (14), array (14), auf (14), wenn (14), regulären (13), ausdruck (13), einen (13), den (13), groups (13), and (12), ist (12), beispiel (12), replace (11), matchall (11), von (11), regexp (10), sind (10), run (10), editable (10), für (9), web (9), split (9), search (9), eine (9), flags (9), the (9), html (8), replaceall (8), test (8), des (8), muster (8), 2024 (8), null (8), hello (8), alle (7), dem (7), dogs (7), capture (7), wird (7), ain (7), tools (6), ersten (6), gefunden (6), reguläre (6), lastindex (6), name (6), gruppen (6), ohne (6), input (6), w3docs (5), über (5), übungen (5), sticky (5), eines (5), einer (5), dieser (5), auch (5), nicht (5), kein (5), einführung (5), events (5), formatter (5), color (5), json (4), code (4), generator (4), css (4), suche (4), was (4), ergebnis (4), aller (4), zwischen (4), false (4), ausdrücke (4), hat (4), capturing (4), cats (4), global (4), jedes (4), als (4), nur (4), erste (4), element (4), vorhanden (4), found (4), eigenschaften (4), result (4), new (4), shadow (4), fetch (4), async (4), encoder (3), editor (3), quizze (3), php (3), this (3), page (3), details (3), gefundenen (3), teilt (3), teilzeichenketten (3), angegebenen (3), true (3), leitfaden (3), wichtigsten (3), behandelt (3), werden (3), seite (3), verwenden (3), literal (3), form (3), plain (3), ersetzt (3), vor (3), dass (3), können (3), first (3), gruppe (3), elemente (3), arrays (3), zeichenketten (3), schleife (3), undefined (3), keine (3), leerzeichen (3), trennzeichen (3), beim (3), awesome (3), prüft (3), year (3), abgleichen (3), unicode (3), kopieren (3), variablen (3), manipulieren (3), document (3), data (3), browser (3), objekte (3), event (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), fazit (2), kurzer (2), überblick (2), animations (2), position (2), prüfen (2), ruft (2), abgleichs (2), zum (2), treffers (2), wurde (2), wurden (2), nach (2), durch (2), welche (2), folgenden (2), aussagen (2), wahr (2), ausdrücken (2), verwendet (2), tatsächlichen (2), verhalten (2), patterns (2), einfachen (2), ersetzen (2), replaces (2), vorkommen (2), neuen (2), übergeben (2), muss (2), haben (2), sonst (2), wirft (2), fehler (2), unterstützt (2), erfordert (2), typeerror (2), prices (2), shirt (2), doubled (2), john (2), smith (2), dated (2), text (2), fügt (2), benannte (2), bei (2), fügen (2), hinzu (2), iterator (2), spread (2), operator (2), müssen (2), trägt (2), jeder (2), ihrem (2), iteration (2), jeden (2), rain (2), plus (2), zurückgibt (2), immer (2), verwendung (2), aufruf (2), sodass (2), mehrere (2), csv (2), apple (2), banana (2), cherry (2), messy (2), one (2), two (2), three (2), sich (2), kann (2), diesem (2), firstregex (2), secondregex (2), zustandsbehaftet (2), würde (2), while (2), beachten (2), vollständige (2), enthält (2), world (2), groß (2), kleinschreibung (2), strings (2), same (2), word (2), konstruktor (2), optional (2), suchen (2), workers (2), file (2), quantoren (2), anker (2), components (2), animationen (2), url (2), microtasks (2), formulare (2), benutzerdefinierte (2), ereignisse (2), styles (2), klassen (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), property (2), object (2), arrow (2), syntax (2), functions (2), objects (2), hash (2), 2026, rechte, vorbehalten, entwickler, gemacht, sprache, datenschutzrichtlinie, kontakt, uns, unternehmen, probier, üben, kostenlose, tutorials, beispiele, seit, 2014, next, previous, yes, helpful, einzelnes, trefferobjekt, mithilfe, ausdrucks, festen, zeichenkette, führt, übung, sowie, zusammen, ihren, rückgabeformen, zustandsbehafteten, tiefer, selbst, einzusteigen, lesen, weiter, einfach, kopien, teilzeichenkette, möchten, greifen, ziel, all, occurrences, must, include, cat, dog, ihr, dies, schützt, häufigen, erwarten, dieselben, ersetzungstoken, funktions, replacer, wie, es2021, ersetzung, empfängt, argumente, ersetzungstext, berechnete, werte, praktisch, funktion, swap, last, using, numbered, named, with, every, ersetzungsstring, spezielle, token, gesamte, davor, danach, musters, ursprüngliche, niemals, verändert, echte, erfassten, auslesen, wandeln, ergebnisse, per, zugreifen, from, test1test2, for, test1, st1, test2, st2, einschließlich, liefert, vollständiges, derselben, erzeugt, übereinstimmenden, gegensatz, lässt, keinen, übrig, gebliebenen, zur, saubereren, wahl, macht, es2020, regexpmatcharray, übereinstimmendes, leeres, spain, stays, mainly, xyz, without, its, anstelle, leeren, nichts, übereinstimmt, dasselbe, umfangreiche, rückgabewert, hängt, komma, zweite, beliebigen, aufzuteilen, tabulatoren, sauberen, zusammengefasst, geordnete, liste, diese, handelt, universelle, einfacher, regulärer, sein, lediglich, anwendungsfall, anbietet, variiert, aufteilen, mehreren, vorkommens, nämlich, aweful, nullbasierten, solche, endlos, laufen, globale, bevorzugen, b22, c333, let, 333, setzt, eigenschaft, fort, rückt, sobald, weiteren, rufen, iterieren, jedoch, wiederverwendung, desselben, unzusammenhängende, aufrufe, hinweg, überraschenden, ergebnissen, führen, weil, gespeichert, bleibt, falle, hier, findet, ziffern, zusätzlichen, zeigen, group, sucht, zurückgegebene, wert, einfaches, begann, ursprünglichen, unterscheidet, zurückgeben, andernfalls, mustersyntax, siehe, viele, nachfolgenden, dokumentiert, exakt, folge, codepunkten, behandeln, trifft, zeilenumbruchzeichen, dotall, treffen, zeilenumbrüchen, zeichenkettenenden, multiline, abgleich, berücksichtigung, ignore, case, finden, anstatt, aufzuhören, wirkung, ändern, digits, dynamisch, erstellen, nützlich, aus, stammt, backslashes, innerhalb, verdoppelt, pattern, schrägstrichen, geschrieben, gefolgt, bevor, wir, kommen, kurze, leser, neu, umgang, leistungsstarke, möglichkeit, abzugleichen, aufrufen, ausführbaren, rückgabeform, jede, verstehen, ermöglicht, ihnen, musterabgleiche, effizient, handhaben, ermöglichen, intl, vibration, notifications, audio, webrtc, geolocation, websockets, service, midi, storage, validation, fullscreen, history, screen, orientation, push, webgl, battery, apis, katastrophales, backtracking, lookahead, lookbehind, alternation, rückwärtsreferenzen, erfassungsgruppen, gierige, faule, sets, ranges, escaping, sonderzeichen, wortgrenze, mehrzeiliger, modus, anfang, ende, 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, submit, clipboard, change, cut, copy, paste, fokussierung, focus, blur, formulareigenschaften, forms, controls, scrolling, tastatur, keydown, keyup, drag, drop, mausbewegungen, mausereignisse, grundlagen, auslösen, standard, browseraktionen, delegation, bubbling, introduction, koordinaten, fenstergrößen, scrollen, dokument, verändern, attribute, knoteneigenschaften, typ, tag, inhalt, 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, 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, auswählen, knoten, getter, setter, deskriptoren, properties, configuration, closures, vertieft, binding, debounce, throttle, dekoratoren, weiterleitung, call, apply, settimeout, setinterval, nfe, globales, alte, var, scope, rest, parameter, rekursion, stack, tojson, datum, uhrzeit, destructuring, assignment, keys, values, entries, weakmap, weakset, map, set, iterables, math, zahlen, primitiven, types, primitiv, konvertierung, symbol, typen, garbage, collection, objektmethoden, 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):
uê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 javascript regexp methoden reguläre ausdrücke in javascript ermöglichen das suchen abgleichen und manipulieren von zeichenketten dieser leitfaden behandelt die wichtigsten methoden reguläre ausdrücke in javascript sind eine leistungsstarke möglichkeit zeichenketten zu suchen abzugleichen und zu manipulieren dieser leitfaden behandelt die wichtigsten methoden die sie auf einem regulären ausdruck test exec und auf einem string search split match matchall replace replaceall aufrufen mit einem ausführbaren beispiel und der tatsächlichen rückgabeform für jede methode das verstehen dieser methoden ermöglicht es ihnen musterabgleiche in ihrem code effizient zu handhaben ein kurzer regex überblick bevor wir zu den methoden kommen eine kurze einführung für leser die neu im umgang mit regulären ausdrücken sind ein regex literal wird zwischen schrägstrichen geschrieben optional gefolgt von flags pattern flags e g hello gi kopieren sie können auch einen regulären ausdruck dynamisch mit dem regexp konstruktor erstellen was nützlich ist wenn das muster aus einer variablen stammt beachten sie dass backslashes innerhalb eines string verdoppelt werden müssen const word hello const regex new regexp word gi same as hello gi const digits new regexp d same as d kopieren die flags ändern das verhalten beim abgleichen flag name wirkung g global alle treffer finden anstatt beim ersten aufzuhören i ignore case abgleich ohne berücksichtigung der groß kleinschreibung m multiline und treffen bei zeilenumbrüchen nicht nur an zeichenkettenenden s dotall trifft auch auf zeilenumbruchzeichen u unicode das muster als folge von unicode codepunkten behandeln y sticky nur exakt ab lastindex abgleichen für die vollständige mustersyntax und flag details siehe javascript patterns and flags und capturing groups viele der nachfolgenden methoden sind auch von der string seite in javascript strings dokumentiert regexp test die test methode prüft einen string auf einen treffer mit einem regulären ausdruck sie gibt true zurück wenn ein treffer gefunden wird andernfalls false beispiel javascript editable run const regex hello const str hello world console log regex test str false in diesem beispiel prüft die test methode ob der string hello world das muster hello enthält da die methode zwischen groß und kleinschreibung unterscheidet gibt sie false zurück fügen sie das i flag hinzu hello i würde sie true zurückgeben regexp exec die exec methode sucht in einem string nach einem treffer mit einem regulären ausdruck sie gibt ein array zurück das den gefundenen text und capture gruppen enthält oder null wenn kein treffer gefunden wird der zurückgegebene wert ist kein einfaches array er trägt auch index wo der treffer begann input den ursprünglichen string und groups benannte capture gruppen oder undefined wenn keine vorhanden sind beispiel javascript editable run const regex d const str the year is 2024 const result regex exec str console log result 2024 2024 index 12 input the year is 2024 groups undefined console log result index 12 console log result 1 2024 first capturing group hier findet exec eine oder mehrere ziffern in the year is 2024 element 0 ist der vollständige treffer element 1 ist die erste capture gruppe d und die zusätzlichen eigenschaften zeigen an wo der treffer gefunden wurde die lastindex falle mit g wenn der reguläre ausdruck das global flag g oder sticky flag y hat wird exec zustandsbehaftet jeder aufruf setzt an der lastindex eigenschaft des regex fort und rückt sie vor und gibt null zurück sobald keine weiteren treffer vorhanden sind rufen sie es in einer schleife auf um durch jeden treffer zu iterieren beachten sie jedoch dass die wiederverwendung desselben g regex über unzusammenhängende aufrufe hinweg zu überraschenden ergebnissen führen kann weil lastindex gespeichert bleibt javascript editable run const regex d g const str a1 b22 c333 let match while match regex exec str null console log found match 0 at index match index found 1 at index 1 found 22 at index 4 found 333 at index 8 ohne das g flag ist exec nicht zustandsbehaftet und gibt immer den ersten treffer zurück sodass eine solche while schleife endlos laufen würde für nicht globale verwendung bevorzugen sie match oder matchall string search die search methode prüft einen string auf einen treffer mit einem regulären ausdruck sie gibt den nullbasierten index des ersten treffers zurück oder 1 wenn kein treffer gefunden wird beispiel javascript editable run const str javascript is awesome const firstregex awesome console log str search firstregex 14 const secondregex aweful console log str search secondregex 1 in diesem beispiel gibt die search methode den index des ersten vorkommens von awesome im string zurück nämlich 14 string split die split methode teilt einen string in eine geordnete liste von teilzeichenketten auf und gibt diese als array zurück es handelt sich um eine universelle string methode das trennzeichen kann ein einfacher string str split oder ein regulärer ausdruck sein die regex form ist lediglich ein anwendungsfall der sich anbietet wenn das trennzeichen variiert zum beispiel beim aufteilen an einem oder mehreren leerzeichen beispiel javascript editable run const csv apple banana cherry console log csv split apple banana cherry plain string const messy one two t three console log messy split s one two three regex der erste aufruf teilt an einem literal komma auf der zweite verwendet den regex s um an beliebigen leerzeichen aufzuteilen sodass mehrere leerzeichen und tabulatoren zu sauberen trennzeichen zusammengefasst werden string match die match methode ruft das ergebnis des abgleichs eines string mit einem regulären ausdruck ab der rückgabewert hängt von den flags ab mit g ein array aller gefundenen teilzeichenketten ohne index oder groups oder null wenn keine treffer vorhanden sind ohne g dasselbe umfangreiche array das exec zurückgibt der erste treffer plus capture gruppen mit index input und groups oder null wenn kein treffer vorhanden ist da match null anstelle eines leeren array zurückgibt wenn nichts übereinstimmt prüfen sie das ergebnis immer vor der verwendung beispiel javascript editable run const str the rain in spain stays mainly in the plain console log str match ain g ain ain ain console log str match xyz g null without g first match plus its details console log str match ain ain index 5 input the rain groups undefined mit dem global flag gibt match jedes vorkommen von ain zurück ein nicht übereinstimmendes muster gibt null zurück kein leeres array string matchall die matchall methode gibt einen iterator aller treffer zurück einschließlich capture gruppen jedes element das sie liefert ist ein vollständiges treffer array ein regexpmatcharray mit derselben form die exec erzeugt so trägt jeder treffer index input und groups nicht nur die übereinstimmenden zeichenketten der reguläre ausdruck muss das g flag haben sonst wirft matchall einen typeerror im gegensatz zu exec in einer schleife lässt matchall keinen übrig gebliebenen lastindex auf ihrem regex was es zur saubereren wahl für die iteration über jeden treffer macht erfordert es2020 beispiel javascript editable run const str test1test2 const regex t e st d g for const match of str matchall regex console log match 0 at match index groups match 1 match 2 match 3 test1 at 0 groups e st1 1 test2 at 5 groups e st2 2 da die elemente echte treffer arrays sind können sie match index und die erfassten gruppen match 1 match 2 für jedes ergebnis auslesen wandeln sie den iterator mit array from str matchall regex oder dem spread operator in ein array um wenn sie auf die ergebnisse per index zugreifen müssen string replace die replace methode gibt einen neuen string zurück bei dem treffer des musters ersetzt wurden der ursprüngliche string wird niemals verändert mit einem einfachen string oder einem regex ohne g wird nur der erste treffer ersetzt fügen sie das g flag hinzu um alle zu ersetzen der ersetzungsstring unterstützt spezielle token ist der gesamte treffer und sind der text davor danach n fügt die n te capture gruppe ein und name fügt eine benannte gruppe ein beispiel javascript editable run const str john smith swap first and last name using numbered groups console log str replace w s w 2 1 smith john named groups with name const dated 2024 06 19 console log dated replace y d 4 m d 2 d d 2 d m y 19 06 2024 g replaces every match console log a b c replace g a b c sie können auch eine funktion als ersetzung übergeben sie empfängt den treffer und die capture gruppen als argumente und gibt den ersetzungstext zurück was für berechnete werte praktisch ist javascript editable run const prices shirt 20 hat 5 const doubled prices replace d g match n n 2 console log doubled shirt 40 hat 10 string replaceall die replaceall methode ersetzt jedes vorkommen und gibt einen neuen string zurück wenn sie ihr einen regulären ausdruck übergeben muss dieser regex das g flag haben sonst wirft er einen typeerror dies schützt vor dem häufigen fehler zu erwarten dass replace global ist es unterstützt dieselben 1 name ersetzungstoken und funktions replacer wie replace erfordert es2021 beispiel javascript editable run const str cats and cats and cats plain string replaces all occurrences console log str replaceall cats dogs dogs and dogs and dogs regex must include the g flag console log str replaceall cat g dog dogs and dogs and dogs verwenden sie replaceall mit einem einfachen string wenn sie einfach alle kopien einer literal teilzeichenkette ersetzen möchten greifen sie auf die regex form zurück wenn das ziel ein muster ist fazit dieser leitfaden hat die wichtigsten methoden behandelt die mit regulären ausdrücken in javascript verwendet werden test und exec auf der regex seite sowie search split match matchall replace und replaceall auf der string seite zusammen mit ihren tatsächlichen rückgabeformen und dem zustandsbehafteten lastindex verhalten des g flags um tiefer in die muster selbst einzusteigen lesen sie weiter mit patterns and flags capturing groups und dem sticky y flag übungen übung welche der folgenden aussagen über reguläre ausdrücke in javascript sind wahr welche der folgenden aussagen üb...
|
