Meta tags:
description= JavaScript reguläre Ausdrücke (RegEx) bieten leistungsstarke Möglichkeiten für den Musterabgleich in Zeichenketten, insbesondere mit dem OR-Operator.;
Headings (most frequently used words):
mit, or, alternation, regex, den, operator, klammern, beispiel, javascript, in, verstehen, praktische, beispiele, anderen, metazeichen, kombinieren, match, matchall, und, replace, verwenden, fazit, übungen, grundlegende, verwendung, des, operators, vorrang, warum, sie, fast, immer, benötigen, die, reihenfolge, ist, wichtig, erste, übereinstimmung, gewinnt, gruppierung, verschiedene, dateiendungen, abgleichen, telefonnummern, validieren, einfache, vs, optionale, teilmuster, quantifizierern, erweitertes, mehreren, bedingungen,
Text of the page (most frequently used words):
und (69), cat (46), die (45), console (38), dog (37), log (37), pattern (36), #javascript (32), test (31), mit (30), let (26), das (25), sie (25), true (25), der (24), output (23), ein (22), den (21), ist (21), alternation (19), oder (19), api (19), dom (19), lernen (16), operator (15), muster (14), run (14), editable (14), für (12), match (12), regex (12), grey (12), alternative (11), color (11), 2023 (10), eine (9), const (9), html (8), web (8), dogs (8), nicht (8), nur (8), gray (8), alternativen (8), string1 (8), have (8), string2 (8), the (8), methoden (8), verwenden (7), gruppe (7), dass (7), übereinstimmung (7), wenn (7), colour (7), and (7), als (7), klammern (7), von (7), tools (6), was (6), regulären (6), dies (6), jede (6), bird (6), optional (6), jpg (6), png (6), gif (6), catfish (6), string (6), w3docs (5), übungen (5), matchall (5), replace (5), ausdrücke (5), nach (5), bedeutet (5), gleicht (5), zeichenketten (5), wird (5), des (5), auf (5), text (5), index (5), flag (5), einen (5), false (5), yyyy (5), optionales (5), ziffern (5), 123 (5), gesamte (5), abgleichen (5), events (5), formatter (5), alle (4), json (4), generator (4), css (4), anderen (4), leerzeichen (4), daher (4), falsch (4), zeichenkette (4), stimmt (4), überein (4), dem (4), capturing (4), syntax (4), operators (4), funktionen (4), found (4), erste (4), first (4), andere (4), beispiel (4), string3 (4), zur (4), quantifizierer (4), image (4), eines (4), operatoren (4), shadow (4), fetch (4), async (4), einführung (4), code (3), encoder (3), editor (3), quizze (3), php (3), beispiele (3), metazeichen (3), kombinieren (3), verstehen (3), this (3), page (3), folgenden (3), zweite (3), cats (3), abgleicht (3), zwischen (3), einfache (3), durch (3), möglichkeiten (3), musterabgleich (3), wie (3), leistungsstarke (3), favourite (3), ermöglicht (3), ihnen (3), form (3), result (3), tag (3), auch (3), trennzeichen (3), sodass (3), reguläre (3), ausdruck (3), reihenfolge (3), unterscheiden (3), ende (3), verschiedene (3), sind (3), sich (3), drei (3), 456 (3), 7890 (3), validieren (3), müssen (3), diesem (3), werden (3), verwendung (3), concatenate (3), document (3), data (3), browser (3), objekte (3), event (3), eigenschaften (3), promise (3), function (3), objekt (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), praktische (2), lookahead (2), lookbehind (2), rückwärtsreferenzen (2), name (2), welche (2), abzugleichen (2), zeichen (2), einem (2), leere (2), beiden (2), fast (2), wörter (2), aber (2), frage (2), einer (2), group (2), korrekt (2), denken (2), optionen (2), tatsächlich (2), gültige (2), ausdrücken (2), verwendet (2), zeichenkettensuchen (2), manipulationen (2), sentence (2), normalized (2), favorite (2), hier (2), wir (2), gibt (2), array (2), zurück (2), ohne (2), plus (2), übereinstimmt (2), übereinstimmenden (2), groups (2), priorität (2), hat (2), verankern (2), gruppieren (2), beide (2), sowohl (2), zuerst (2), format (2), beachten (2), date1 (2), date2 (2), date3 (2), kann (2), anfang (2), mehreren (2), two (2), null (2), mehr (2), greifen (2), colou (2), teilmuster (2), macht (2), car (2), red (2), zwei (2), punkt (2), zeichenklassen (2), gruppierung (2), stück (2), phone1 (2), phone2 (2), phone3 (2), phone4 (2), vor (2), telefonnummern (2), dateinamen (2), file1 (2), file2 (2), file3 (2), file4 (2), ausdrucks (2), siehe (2), teil (2), musters (2), matches (2), ersten (2), position (2), gesamten (2), grouping (2), symbol (2), mustern (2), bieten (2), workers (2), file (2), suche (2), quantoren (2), anker (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), variablen (2), functions (2), objects (2), hash (2), 2026, rechte, vorbehalten, entwickler, gemacht, sprache, datenschutzrichtlinie, kontakt, über, uns, unternehmen, probier, üben, kostenlose, tutorials, seit, 2014, next, previous, yes, helpful, prüfen, übung, wörtliches, erforderliche, symbolen, allem, einschließlich, keines, enthalten, gültig, niemals, bloßen, wort, diese, dieselbe, eingeschlossen, ändert, abgeglichen, erfasst, irgendwo, option, bevor, antworten, daran, beherrschung, eröffnet, breites, spektrum, effizienten, vielseitigen, kombination, können, flexible, erstellen, komplexe, bewältigen, return, umzuschreiben, normalisieren, britische, amerikanische, schreibweisen, for, liefert, iterator, vollständiger, übereinstimmungsobjekte, adopted, full, which, matched, erfasste, teilt, extrahieren, transformieren, zeichenkettenmethoden, date, anchored, subtiles, wichtiges, detail, niedrigste, bindet, dieses, datumsangaben, jahr, vollkommen, akzeptiert, second, datumsformate, unten, dieselben, ziffernanzahlen, monat, allein, vierstellige, jahreszahl, steht, erweitertes, bedingungen, ganze, dabei, wortgrenzmetazeichen, dogscat, quantifizierern, stärke, erhöht, regulärer, kombiniert, genau, mal, wirklich, fragment, einzelnes, kurze, folge, idiomatische, effizientere, ansatz, quantifiziertes, keine, vorangehende, häufige, verwechslung, besteht, darin, behandeln, wäre, vollständigen, wörtern, optionale, abschließenden, vier, weiteres, bindestrich, entweder, bloße, während, äußeren, maskierten, vornehmen, wörtliche, optionaler, ländercode, dann, abschließende, gelesen, 1234567890, stellen, szenario, formate, enden, führende, wörtlichen, verankert, txt, angenommen, verschiedenen, endungen, dateiendungen, gilt, verwandte, behandelt, quantifiers, teile, angewendet, späteren, unerlässlich, größeren, abdecken, soll, erfassen, faustregel, listen, längeren, spezifischeren, kürzeren, denen, präfix, teilen, comes, stops, put, longer, more, specific, engine, versucht, hält, bei, aktuellen, erfolgreich, sucht, ihrer, bedeutsam, längsten, links, rechts, wichtig, gewinnt, häufiger, begleiter, gruppierten, anchors, start, end, without, applies, whole, surprise, with, scoped, beschränken, schließen, gefolgt, ebenso, liest, beginnt, endet, selten, beabsichtigten, bedeutung, entspricht, größte, fallstrick, beim, niedriger, jeder, aufteilt, bis, umgebenden, begrenzern, nächsten, umschließenden, sehr, niedrige, vorrang, warum, immer, benötigen, gegebenen, frog, unkompliziert, platzieren, möchten, grundlegende, mehrere, anzugeben, besonders, nützlich, möglichen, wichtigsten, komponenten, dargestellt, senkrechten, strich, dieser, aufnahme, mehrerer, einzelnen, vielseitige, effiziente, erlaubt, umfassenden, leitfaden, erkunden, komplett, praktischen, beispielen, vertiefung, ihres, verständnisses, insbesondere, intl, vibration, notifications, audio, webrtc, geolocation, websockets, service, midi, storage, validation, fullscreen, history, screen, orientation, push, webgl, battery, animations, apis, regexp, sticky, katastrophales, backtracking, erfassungsgruppen, gierige, faule, sets, ranges, escaping, sonderzeichen, wortgrenze, mehrzeiliger, modus, unicode, klasse, regular, expressions, styling, slots, komposition, template, element, 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, introduction, koordinaten, fenstergrößen, scrollen, dokument, verändern, attribute, knoteneigenschaften, typ, 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, iteration, promisification, callbacks, fehler, 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, rest, parameter, spread, rekursion, stack, tojson, datum, uhrzeit, destructuring, assignment, keys, values, entries, weakmap, weakset, map, set, iterables, strings, math, zahlen, primitiven, types, konstruktor, primitiv, konvertierung, 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):
enerator 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 javascript regex or javascript reguläre ausdrücke regex bieten leistungsstarke möglichkeiten für den musterabgleich in zeichenketten insbesondere mit dem or operator javascript reguläre ausdrücke regex bieten leistungsstarke möglichkeiten für den musterabgleich in zeichenketten eine der wichtigsten komponenten von regex ist der or operator dargestellt durch den senkrechten strich dieser operator ermöglicht die aufnahme mehrerer muster in einen einzelnen regulären ausdruck was vielseitige und effiziente zeichenkettensuchen und manipulationen erlaubt in diesem umfassenden leitfaden werden wir die verwendung des or operators in javascript regex erkunden komplett mit praktischen beispielen zur vertiefung ihres verständnisses den or operator in regex verstehen der or operator in regulären ausdrücken ermöglicht es ihnen mehrere alternativen für eine übereinstimmung anzugeben er ist besonders nützlich wenn sie eines von mehreren möglichen mustern abgleichen müssen grundlegende verwendung des or operators die syntax für den or operator ist unkompliziert sie platzieren das symbol zwischen den mustern die sie abgleichen möchten javascript editable run const pattern cat dog const string1 i have a cat const string2 i have a dog const string3 i have a frog console log pattern test string1 output true console log pattern test string2 output true console log pattern test string3 output false in diesem beispiel stimmt das muster cat dog sowohl mit cat als auch mit dog in den gegebenen zeichenketten überein alternation vorrang warum sie fast immer klammern benötigen dies ist der größte fallstrick beim der or operator hat eine sehr niedrige priorität niedriger als jeder andere regex operator das bedeutet dass den gesamten ausdruck in alternativen aufteilt bis zu den umgebenden begrenzern oder den nächsten umschließenden klammern so bedeutet cat concatenate nicht cat optional gefolgt von concatenate es bedeutet das gesamte muster cat abgleichen oder das gesamte muster concatenate abgleichen ebenso liest sich cat dog als cat dog beginnt mit cat oder endet mit dog was selten der beabsichtigten bedeutung entspricht um die alternation auf nur einen teil eines musters zu beschränken schließen sie die alternativen in klammern ein javascript editable run without grouping applies to the whole pattern console log gray grey test x grey true matches grey surprise with grouping alternation is scoped to gray grey console log gray grey test gray true console log gray grey test grey true console log gray grey test x grey false das verankern des gesamten ausdrucks mit und ist ein häufiger begleiter zur gruppierten alternation siehe anchors string start and end die reihenfolge ist wichtig erste übereinstimmung gewinnt die regex engine versucht alternativen von links nach rechts und hält bei der ersten an die an der aktuellen position erfolgreich ist sie sucht nicht nach der längsten übereinstimmung nur nach der ersten das bedeutet dass die reihenfolge ihrer alternativen bedeutsam ist javascript editable run cat comes first and matches so catfish stops at cat console log catfish match cat catfish 0 cat put the longer more specific alternative first console log catfish match catfish cat 0 catfish faustregel listen sie die längeren oder spezifischeren alternativen vor den kürzeren auf mit denen sie ein präfix teilen gruppierung mit klammern klammern gruppieren teile eines regulären ausdrucks sodass quantifizierer und andere operatoren auf die gesamte gruppe angewendet werden und sie erfassen auch den übereinstimmenden text zur späteren verwendung siehe capturing groups dies ist unerlässlich wenn das or nur einen teil eines größeren musters abdecken soll javascript editable run let pattern cat dog s let string1 i have a cat let string2 i have two dogs console log pattern test string1 output true console log pattern test string2 output true hier gilt der quantifizierer s für die gesamte gruppe cat dog sodass das muster cat cats dog und dogs abgleicht der quantifizierer und verwandte werden in quantifiers and n behandelt praktische beispiele verschiedene dateiendungen abgleichen angenommen sie müssen dateinamen mit verschiedenen endungen wie jpg png oder gif validieren javascript editable run let pattern jpg png gif let file1 image jpg let file2 image png let file3 image gif let file4 image txt console log pattern test file1 output true console log pattern test file2 output true console log pattern test file3 output true console log pattern test file4 output false in diesem beispiel stimmt das muster jpg png gif mit dateinamen überein die auf jpg png oder gif enden das führende gleicht einen wörtlichen punkt ab die gruppe jpg png gif ist die alternation und verankert die übereinstimmung am ende der zeichenkette telefonnummern validieren stellen sie sich ein szenario vor in dem sie verschiedene formate von telefonnummern validieren müssen javascript editable run let pattern d 1 2 s d 3 d 3 s d 3 s d 4 let phone1 1 123 456 7890 let phone2 123 456 7890 let phone3 123 456 7890 let phone4 1234567890 console log pattern test phone1 output true console log pattern test phone2 output true console log pattern test phone3 output true console log pattern test phone4 output true das muster d 1 2 s d 3 d 3 s d 3 s d 4 stück für stück gelesen d 1 2 s ein optionaler ländercode ein ein oder zwei ziffern dann ein optionales leerzeichen das abschließende macht die gesamte gruppe optional d 3 d 3 die alternation entweder drei ziffern in klammern 123 oder drei bloße ziffern 123 beachten sie dass und wörtliche klammern sind während die äußeren nicht maskierten die gruppierung vornehmen s ein optionales trennzeichen ein bindestrich ein punkt oder leerzeichen dies sind zeichenklassen d 3 drei ziffern s ein weiteres optionales trennzeichen d 4 die abschließenden vier ziffern einfache alternation vs optionale teilmuster eine häufige verwechslung besteht darin color colour so zu behandeln als ob das u optional wäre das ist es nicht dies ist einfache alternation zwischen zwei vollständigen wörtern javascript editable run let pattern color colour let string1 the color of the car is red let string2 the colour of the car is red console log pattern test string1 output true console log pattern test string2 output true wenn sich die alternativen nur durch ein einzelnes zeichen oder eine kurze folge unterscheiden ist der idiomatische und effizientere ansatz ein quantifiziertes optionales teilmuster keine alternation der quantifizierer macht das vorangehende u optional javascript editable run let pattern colou r u is optional console log pattern test color output true console log pattern test colour output true greifen sie zur alternation wenn die optionen wirklich verschiedene zeichenketten sind cat dog greifen sie zu wenn eine form die andere plus ein optionales fragment ist colou r den or operator mit anderen metazeichen kombinieren die stärke des or operators wird erhöht wenn er mit anderen metazeichen regulärer ausdrücke kombiniert wird wie null oder mehr ein oder mehr null oder ein und genau n mal beispiel mit quantifizierern javascript editable run let pattern b cat dog s b let string1 i have a cat let string2 i have two dogs let string3 i have a dogscat console log pattern test string1 output true console log pattern test string2 output true console log pattern test string3 output false das muster b cat dog s b gleicht cat cats dog und dogs als ganze wörter ab und verwendet dabei das wortgrenzmetazeichen b erweitertes beispiel mit mehreren bedingungen die beiden datumsformate unten d m yyyy und yyyy m d verwenden beide dieselben trennzeichen und ziffernanzahlen sodass der reguläre ausdruck die tag monat reihenfolge allein nach der form nicht unterscheiden kann was er unterscheiden kann ist wo die vierstellige jahreszahl steht am ende für ein format am anfang für das andere javascript editable run let pattern d 1 2 d 1 2 d 4 d 4 d 1 2 d 1 2 let date1 12 31 2023 d m yyyy first alternative let date2 2023 12 31 yyyy m d second alternative let date3 31 12 2023 d m yyyy first alternative console log pattern test date1 output true console log pattern test date2 output true console log pattern test date3 output true dieses muster gleicht datumsangaben sowohl im tag zuerst 12 31 2023 31 12 2023 als auch im jahr zuerst format 2023 12 31 ab beachten sie dass 31 12 2023 tatsächlich übereinstimmt es ist eine vollkommen gültige d 1 2 d 1 2 d 4 zeichenkette daher akzeptiert die erste alternative sie ein subtiles aber wichtiges detail da die niedrigste priorität hat bindet nur an die erste alternative und nur an die zweite um beide alternativen zu verankern gruppieren sie sie javascript editable run let pattern d 1 2 d 1 2 d 4 d 4 d 1 2 d 1 2 console log pattern test 12 31 2023 true console log pattern test 2023 12 31 true console log pattern test date 12 31 2023 false anchored alternation mit match matchall und replace verwenden test teilt ihnen nur mit ob ein muster übereinstimmt um den übereinstimmenden text zu extrahieren oder zu transformieren kombinieren sie alternation mit capturing groups und den zeichenkettenmethoden match matchall und replace match ohne das g flag gibt die erste übereinstimmung plus jede erfasste gruppe zurück javascript editable run const result i adopted a dog match cat dog bird console log result 0 dog full match console log result 1 dog group 1 which alternative matched mit dem g flag gibt match jede übereinstimmung als array zurück und matchall liefert einen iterator vollständiger übereinstimmungsobjekte javascript editable run const text a cat a dog and a bird console log text match cat dog bird g cat dog bird for const m of text matchall cat dog bird g console log found m 1 at index m index found cat at index 2 foun...
|
