Reguliere expressies in JavaScript: een introductie

Informatic Digital » programmering » Reguliere expressies in JavaScript: een introductie

Welkom bij deze complete gids voor reguliere expressies in JavaScript! In dit artikel gaan we uitgebreid in op wat reguliere expressies zijn, hoe ze in JavaScript worden gebruikt en hoe ze u kunnen helpen uw code te vereenvoudigen en optimaliseren. Van de basis tot praktische voorbeelden: we behandelen alles wat u moet weten om reguliere expressies optimaal te benutten in uw JavaScript-projecten. Laten we beginnen!

Inleiding tot reguliere expressies

Reguliere expressies zijn zoekpatronen die worden gebruikt om tekst in tekenreeksen te vinden en te bewerken. Ze bestaan ​​uit een combinatie van letterlijke tekens en metatekens, die specifieke regels definiëren voor het vinden van overeenkomsten in tekst. Deze regels kunnen het zoeken naar specifieke tekens, tekenreeksen, herhalingen, alternatieven en nog veel meer omvatten.

In JavaScript worden reguliere expressies gemaakt met behulp van de klasse RegExp of door de letterlijke betekenis te gebruiken /patrón/. Het patroon is de reguliere expressie zelf, die tussen schuine strepen staat. Laten we eens naar een eenvoudig voorbeeld kijken:

const regex = /hola/;

 

In dit voorbeeld hebben we een reguliere expressie gemaakt die binnen een tekst naar de tekenreeks “hello” zoekt. Nu we de basis van reguliere expressies kennen, gaan we dieper in op enkele belangrijke concepten en geavanceerde technieken voor het werken met reguliere expressies in JavaScript.

Basis-syntaxis van reguliere expressies

Reguliere expressies in JavaScript bestaan ​​uit verschillende sleutelelementen waarmee we complexere zoekpatronen kunnen definiëren. Deze elementen omvatten letterlijke tekens, metatekens, tekenklassen, kwantificatoren, ankers en meer. Laten we eens naar enkele voorbeelden van deze elementen kijken:

Letterlijke karakters

Letterlijke tekens zijn tekens die worden gezocht op basis van de manier waarop ze in de tekst voorkomen. Bijvoorbeeld de reguliere expressie /hola/ zal zoeken naar de tekenreeks “hello” in een tekstreeks. Het is belangrijk om op te merken dat reguliere expressies hoofdlettergevoelig zijn, dus /hola/ komt niet overeen met "Hallo" of "HELLO".

Metakarakters

Metatekens zijn speciale tekens die een speciale betekenis hebben in reguliere expressies. Bijvoorbeeld het metakarakter . Het wordt gebruikt om elk teken weer te geven, behalve een nieuwe regel. Een ander veelvoorkomend metakarakter is de ^, dat wordt gebruikt om het begin van een tekstreeks aan te geven. Bijvoorbeeld de reguliere expressie /^hola/ komt overeen met elke tekstreeks die begint met "hello".

Karakterklassen

Tekenklassen worden gebruikt om te zoeken naar een teken binnen een specifieke set. Bijvoorbeeld de reguliere expressie /[aeiou]/ komt overeen met elke klinker in een tekstreeks. Het is ook mogelijk om tekenbereiken te gebruiken in tekenklassen. Bijvoorbeeld de reguliere expressie /[a-z]/ komt overeen met elke kleine letter.

Kwantificatoren

Kwantificatoren worden gebruikt om het aantal keren dat een element in een reguliere expressie voorkomt, op te geven. Bijvoorbeeld de kwantificator * geeft aan dat het vorige element nul of meer keer kan voorkomen. De kwantificator + geeft aan dat het voorgaande element één of meerdere keren moet voorkomen. Bijvoorbeeld de reguliere expressie /a+/ komt overeen met een of meer "a"s in een tekstreeks.

Ankers

Ankers worden gebruikt om de positie van een overeenkomst binnen een tekstreeks aan te geven. Bijvoorbeeld het anker \b komt overeen met een woordgrens. Bijvoorbeeld de reguliere expressie /bholab/ zal alleen het woord "hallo" matchen als een volledig woord, zonder langere woorden te matchen die ‘hallo’ als onderdeel ervan bevatten.

Dit zijn slechts enkele voorbeelden van de basissyntaxis van reguliere expressies in JavaScript. In de loop van dit artikel zullen we meer geavanceerde concepten en technieken voor het werken met reguliere expressies in JavaScript verkennen.

Basis Match Zoeken

Een van de meest voorkomende bewerkingen die met reguliere expressies wordt uitgevoerd, is het zoeken naar overeenkomsten in een tekstreeks. In JavaScript kunnen we de methode gebruiken search() om de eerste overeenkomst van een reguliere expressie in een tekstreeks te vinden. Laten we eens een voorbeeld bekijken:

const texto = "¡Hola, mundo!";
const regex = /mundo/;
const indice = texto.search(regex);
console.log(indice); // 7

In dit voorbeeld hebben we de methode gebruikt search() om de eerste match van de reguliere expressie te vinden /mundo/ in de tekstreeks "Hallo wereld!" De methode search() retourneert de index van de eerste gevonden overeenkomst, of -1 als er geen overeenkomst is gevonden.

Naast de methode search()JavaScript biedt ook andere nuttige methoden voor het werken met reguliere expressies, zoals match(), replace(), split() y test(). Elke methode heeft zijn eigen doel en kan worden gebruikt op basis van uw specifieke behoeften.

Modifiers en vlaggen gebruiken

In JavaScript kunnen reguliere expressies modifiers en flags bevatten die flexibelere en meer op maat gemaakte zoekopdrachten mogelijk maken. Modificatoren worden aan het einde van een reguliere expressie toegevoegd en wijzigen het gedrag ervan. Enkele van de meest voorkomende modificatoren zijn:

ik (ongevoelig)

De modificator i wordt gebruikt om een ​​hoofdletterongevoelige zoekopdracht uit te voeren. Bijvoorbeeld de reguliere expressie /hola/i komt overeen met zowel “hello” als “Hello” of “HELLO”.

g (globaal)

De modificator g Hiermee kunt u een globale zoekopdracht uitvoeren op de volledige tekstreeks, in plaats van te stoppen bij de eerste gevonden overeenkomst. Bijvoorbeeld de reguliere expressie /a+/g komt overeen met alle voorkomens van een of meer "a"s in een tekstreeks.

m (meerdere regels)

De modificator m Hiermee kunt u zoeken op meerdere regels in een tekstreeks. Bijvoorbeeld de reguliere expressie /^hola/m komt overeen met het woord "hallo" aan het begin van elke regel in een tekstreeks.

Naast modifiers staat JavaScript ook het gebruik van flags in reguliere expressies toe. Vlaggen worden toegevoegd na de tweede schuine streep bij het maken van een reguliere expressie met behulp van de klasse RegExp. Enkele van de meest voorkomende vlaggen zijn:

ik (ongevoelig)

Zoals de modifier ide vlag i voert een zoekopdracht uit die niet hoofdlettergevoelig is. Bijvoorbeeld de reguliere expressie new RegExp("hola", "i") komt overeen met zowel “hello” als “Hello” of “HELLO”.

g (globaal)

Zoals de modifier gde vlag g voert een globale zoekopdracht uit op de volledige tekstreeks. Bijvoorbeeld de reguliere expressie new RegExp("a+", "g") komt overeen met alle voorkomens van een of meer "a"s in een tekstreeks.

m (meerdere regels)

Zoals de modifier mde vlag m voert een zoekopdracht uit op meerdere regels binnen een tekstreeks. Bijvoorbeeld de reguliere expressie new RegExp("^hola", "m") komt overeen met het woord "hallo" aan het begin van elke regel in een tekstreeks.

Het gebruik van modifiers en flags in reguliere expressies van JavaScript kan erg handig zijn om zoekopdrachten aan te passen aan verschillende gevallen en specifieke vereisten. Experimenteer ermee en ontdek hoe je deze functies optimaal kunt benutten in je code.

Metatekens en speciale tekens

Metatekens en speciale tekens zijn belangrijke elementen in reguliere expressies waarmee we krachtigere en flexibelere zoekopdrachten kunnen uitvoeren. We hebben al enkele metatekens genoemd, zoals . y ^, maar er zijn er nog veel meer die u in uw reguliere expressies kunt gebruiken. Laten we eens kijken naar enkele van de meest voorkomende metatekens en speciale tekens:

. (punt)

Het metakarakter . Het wordt gebruikt om elk teken weer te geven, behalve een nieuwe regel. Bijvoorbeeld de reguliere expressie /h.t/ komt overeen met “hat”, “hot”, “hit” en elk ander woord van drie letters dat begint met een “h” en eindigt op een “t”.

\ (achterwaartse streep)

De backslash wordt gebruikt om speciale tekens in een reguliere expressie te escapen. Als u bijvoorbeeld naar een letterlijke punt in een tekstreeks wilt zoeken, moet u deze escapen met behulp van de backslash. De reguliere expressie /www\.google\.com/ komt overeen met de tekstreeks “www.google.com”.

\d (cijfer)

Het metakarakter \d wordt gebruikt om te zoeken naar elk cijfer van 0 tot en met 9. Bijvoorbeeld de reguliere expressie /\d+/ komt overeen met één of meer cijfers in een tekstreeks.

\w (alfanumeriek teken)

Het metakarakter \w wordt gebruikt om te zoeken naar alfanumerieke tekens (hoofdletters, kleine letters, cijfers en onderstrepingstekens). Bijvoorbeeld de reguliere expressie /\w+/ komt overeen met elk woord van een of meer alfanumerieke tekens in een tekstreeks.

Dit zijn slechts enkele voorbeelden van de metatekens en speciale tekens die u in uw reguliere expressies kunt gebruiken. Naarmate u meer vertrouwd raakt met reguliere expressies in JavaScript, ontdekt u een breed scala aan opties waarmee u uw zoekopdrachten en tekstmanipulaties kunt verfijnen.

Karakterklassen en -bereiken

Karakterklassen zijn een ander belangrijk element in reguliere expressies. Hiermee kunnen we naar elk karakter binnen een specifieke set zoeken. In JavaScript kunnen we haakjes gebruiken [] om een ​​tekenklasse te definiëren. Laten we eens kijken naar enkele voorbeelden van tekenklassen en -bereiken:

[aeiou]

De karakterklasse [aeiou] komt overeen met elke klinker in een tekstreeks. Bijvoorbeeld de reguliere expressie /[aeiou]/ komt overeen met "a", "e", "i", "o" of "u" in een tekstreeks.

[az]

Het scala aan karakters [a-z] komt overeen met elke kleine letter uit het Engelse alfabet. Bijvoorbeeld de reguliere expressie /[a-z]/ komt overeen met elke kleine letter in een tekstreeks.

[0-9]

Het scala aan karakters [0-9] komt overeen met elk cijfer van 0 tot en met 9 in een tekstreeks. Bijvoorbeeld de reguliere expressie /[0-9]/ komt overeen met elk enkelcijferig getal.

[A-Za-z]

De karakterklasse [A-Za-z] komt overeen met elke hoofdletter of kleine letter uit het Engelse alfabet. Bijvoorbeeld de reguliere expressie /[A-Za-z]/ komt overeen met elke letter in een tekstreeks.

Met tekenklassen en -bereiken kunnen we specifieke sets tekens definiëren waarnaar in een reguliere expressie moet worden gezocht. U kunt ze gebruiken om uw zoekopdrachten af ​​te stemmen op uw specifieke behoeften en beperkingen.

Kwantificatoren en herhalingen

Kwantificatoren en herhalingen zijn sleutelelementen in reguliere expressies waarmee we het aantal keren dat een element in een tekstreeks voorkomt, kunnen specificeren. Laten we eens kijken naar enkele van de meest voorkomende kwantificatoren in JavaScript:

* (sterretje)

De kwantificator * geeft aan dat het vorige element nul of meer keer kan voorkomen. Bijvoorbeeld de reguliere expressie /a*/ komt overeen met nul of meer 'a's' in een tekstreeks.

+ (meer)

De kwantificator + geeft aan dat het voorgaande element één of meerdere keren moet voorkomen. Bijvoorbeeld de reguliere expressie /a+/ komt overeen met een of meer "a"s in een tekstreeks.

? (vraag)

De kwantificator ? geeft aan dat het vorige element nul of één keer mag voorkomen. Bijvoorbeeld de reguliere expressie /colou?r/ komt overeen met zowel “kleur” als “colour”.

{n} (exact n keer)

De kwantificator {n} geeft aan dat het vorige element precies n keer moet voorkomen. Bijvoorbeeld de reguliere expressie /a{3}/ komt overeen met precies drie "a"s in een tekstreeks.

{n,} (minstens n keer)

De kwantificator {n,} geeft aan dat het vorige element minimaal n keer moet voorkomen. Bijvoorbeeld de reguliere expressie /a{2,}/ komt overeen met twee of meer 'a's' in een tekstreeks.

{n,m}

De kwantificator {n,m} geeft aan dat het vorige element minimaal n keer en maximaal m keer moet voorkomen. Bijvoorbeeld de reguliere expressie /a{2,4}/ komt overeen met twee, drie of vier "a"s in een tekstreeks.

Dit zijn slechts enkele voorbeelden van kwantificatoren die u in uw reguliere expressies kunt gebruiken. Met kwantificatoren kunnen we herhalingspatronen in tekstzoekopdrachten en -bewerkingen specificeren. Hierdoor wordt het eenvoudiger om specifieke informatie uit tekstreeksen te halen.

Ankers en woordgrenzen

Ankers en woordgrenzen zijn elementen waarmee we de positie van een overeenkomst binnen een tekstreeks kunnen aangeven. Deze elementen zijn vooral handig als u naar hele woorden wilt zoeken of als u zeker wilt weten dat een overeenkomst zich aan het begin of einde van een regel bevindt. Laten we eens kijken naar enkele voorbeelden van ankers en woordgrenzen:

\b (woordgrens)

De woordlimiet \b komt overeen met de grens tussen een alfanumeriek teken en een niet-alfanumeriek teken. Bijvoorbeeld de reguliere expressie /\bjavascript\b/ zal alleen het woord "javascript" als een volledig woord matchen, en zal geen langere woorden matchen die "javascript" als onderdeel ervan bevatten.

^ (begin van de regel)

Het personage ^ Wordt gebruikt om het begin van een regel in een tekstreeks aan te geven. Bijvoorbeeld de reguliere expressie /^hola/ komt overeen met het woord "hallo" aan het begin van elke regel in een tekstreeks.

$ (einde regel)

Het personage $ Het wordt gebruikt om het einde van een regel in een tekstreeks aan te geven. Bijvoorbeeld de reguliere expressie /mundo$/ komt overeen met het woord "wereld" aan het einde van elke regel in een tekstreeks.

\A (begin van de tekst)

Het personage \A Het wordt gebruikt om het begin van alle tekst in een tekstreeks aan te geven, niet alleen het begin van een regel. Bijvoorbeeld de reguliere expressie /^\AHola/ komt overeen met het woord "Hallo" aan het begin van de gehele tekst.

\Z (einde tekst)

Het personage \Z wordt gebruikt om het einde van alle tekst in een tekstreeks aan te geven, niet alleen het einde van een regel. Bijvoorbeeld de reguliere expressie /Mundo\Z/ komt overeen met het woord "Wereld" aan het einde van de gehele tekst.

Met behulp van ankers en woordgrenzen kunt u zoeken naar overeenkomsten op specifieke locaties binnen een tekstreeks. Dit kan handig zijn in situaties waarin u zeker wilt weten dat een overeenkomst zich op een specifieke positie bevindt.

Groepen en vangsten

Groepen en vastleggingen zijn geavanceerde elementen in reguliere expressies waarmee we subexpressies kunnen groeperen en vastleggen voor later gebruik. Laten we eens kijken hoe groepen en vastleggingen werken:

( ) (haakjes)

De haakjes zijn Ze gebruiken om te groeperen subexpressies in een reguliere expressie. Bijvoorbeeld de reguliere expressie /(d{2})-(d{2})-(d{4})/ se gebruikt om naar een datum te zoeken in het formaat "dd-mm-jjjj. De groepen ( ) Ze maken het mogelijk om de dag-, maand- en jaarwaarden afzonderlijk vast te leggen.

\1, \2, \3 (groepsverwijzingen)

Groepsverwijzingen worden gebruikt om te verwijzen naar eerder vastgelegde groepen in een reguliere expressie. Bijvoorbeeld de reguliere expressie /(\w+) \1/ komt overeen met elk woord gevolgd door hetzelfde woord dat herhaald wordt. Bijvoorbeeld: “hallo hallo”, “wereld wereld”, etc.

?: (niet-vangende groep)

Het symbool ?: Het wordt gebruikt om groepen te maken die geen vastleggingen vereisen. Deze groepen worden gebruikt wanneer we subexpressies willen groeperen, maar het resultaat niet willen vastleggen. Bijvoorbeeld de reguliere expressie /https?:\/\/(?:www\.)?google\.com/ komt overeen met zowel “http://www.google.com” als “https://google.com”, maar legt alleen het relevante deel van de URL vast.

Groepen en vastleggingen stellen ons in staat onze reguliere expressies efficiënter en leesbaarder te structureren en te organiseren. Ze bieden ons ook de mogelijkheid om specifieke waarden vast te leggen voor later gebruik in onze applicaties.

Nuttige methoden voor het werken met reguliere expressies

JavaScript biedt verschillende handige methoden voor het werken met reguliere expressies. Met deze methoden kunnen we algemene bewerkingen uitvoeren, zoals het zoeken, vervangen en splitsen van tekstreeksen met behulp van reguliere expressies. Laten we eens naar enkele van deze methoden kijken:

bij elkaar passen()

De methode match() Het wordt gebruikt om alle overeenkomsten van een reguliere expressie in een tekstreeks te vinden en een array met de resultaten te retourneren. Bijvoorbeeld:

const texto = "¡Hola, mundo!";
const regex = /o/g;
const coincidencias = texto.match(regex);
console.log(coincidencias); // ["o", "o"]

In dit voorbeeld hebben we de methode gebruikt match() om alle overeenkomsten van de reguliere expressie te vinden /o/g in de tekstreeks "Hallo wereld!" De methode match() retourneert een array met alle gevonden overeenkomsten.

vervangen ()

De methode replace() wordt gebruikt om overeenkomsten van een reguliere expressie in een tekstreeks te vervangen door een nieuwe waarde. Bijvoorbeeld:

const texto = "¡Hola, mundo!";
const regex = /mundo/;
const nuevoTexto = texto.replace(regex, "amigo");
console.log(nuevoTexto); // "¡Hola, amigo!"

In dit voorbeeld hebben we de methode gebruikt replace() om de reguliere expressie match te vervangen /mundo/ in de tekstreeks "Hallo wereld!" voor het woord "vriend". De methode replace() retourneert een nieuwe tekstreeks met de gemaakte vervangingen.

splitsen ()

De methode split() wordt gebruikt om een ​​tekststring te splitsen in een array van substrings, waarbij een reguliere expressie als scheidingsteken wordt gebruikt. Bijvoorbeeld:

const texto = "Hola,mundo,amigo";
const regex = /,/g;
const subcadenas = texto.split(regex);
console.log(subcadenas); // ["Hola", "mundo", "amigo"]

In dit voorbeeld hebben we de methode gebruikt split() om de tekstreeks "Hallo,wereld,vriend" te splitsen in een array van subreeksen met behulp van de reguliere expressie /,/g als scheidingsteken. De methode split() retourneert een array met de resulterende substrings.

toets()

De methode test() Hiermee wordt gecontroleerd of een reguliere expressie overeenkomsten heeft in een tekstreeks. De methode retourneert true als er een match is en false anders. Bijvoorbeeld:

const texto = "Hola, mundo!";
const regex = /mundo/;
const resultado = regex.test(texto);
console.log(resultado); // true

In dit voorbeeld hebben we de methode gebruikt test() om te controleren of de reguliere expressie /mundo/ heeft overeenkomsten met de tekstreeks "Hallo, wereld!". De methode test() breng terug true omdat er een toeval bestaat.

Dit zijn slechts enkele van de meestgebruikte methoden voor het werken met reguliere expressies in JavaScript. Elke methode heeft zijn eigen doel en kan worden gebruikt op basis van uw specifieke behoeften. Experimenteer ermee en ontdek hoe ze uw werk met reguliere expressies eenvoudiger en sneller kunnen maken.

Veel gestelde vragen

Wat zijn reguliere expressies in JavaScript? Reguliere expressies in JavaScript zijn zoekpatronen die worden gebruikt om tekst in tekenreeksen te vinden en te manipuleren.

Hoe maak ik reguliere expressies in JavaScript? Reguliere expressies in JavaScript worden gemaakt met behulp van de klasse RegExp of door de letterlijke betekenis te gebruiken /patrón/.

Wat is het verschil tussen modifiers en flags in reguliere expressies? Modificatoren worden aan het einde van een reguliere expressie toegevoegd en wijzigen het gedrag ervan. Vlaggen worden toegevoegd na de tweede schuine streep bij het maken van een reguliere expressie met behulp van de klasse RegExp.

Wat is het verschil tussen de methode match() en de methode test()? De methode match() Het wordt gebruikt om alle overeenkomsten van een reguliere expressie in een tekstreeks te vinden en retourneert een array met de resultaten. De methode test() Het wordt gebruikt om te controleren of een reguliere expressie overeenkomsten heeft in een tekstreeks en retourneert een Booleaanse waarde.

Hoe kan ik specifieke waarden vastleggen met behulp van groepen in een reguliere expressie? De groepen ( ) in een reguliere expressie kunt u specifieke subexpressies vastleggen. U kunt vervolgens naar deze groepen verwijzen met behulp van de referenties \1, \2, Etc.

Welke methoden kan ik gebruiken om met reguliere expressies in JavaScript te werken? Enkele nuttige methoden voor het werken met reguliere expressies in JavaScript zijn: match(), replace(), split() y test(). Elke methode heeft zijn eigen doel en kan worden gebruikt op basis van uw specifieke behoeften.

Conclusie

Reguliere expressies zijn een krachtig hulpmiddel voor het werken met tekst in JavaScript. Door de basisprincipes , syntaxis en geavanceerde technieken van reguliere expressies te begrijpen, kunt u tekstreeksen efficiënt en nauwkeurig doorzoeken, vervangen en manipuleren. Van eenvoudige overeenkomsten tot het gebruik van modifiers, groepen en andere handige methoden: u hebt geleerd hoe u reguliere expressies optimaal kunt benutten in uw JavaScript-projecten.

Vergeet niet om te oefenen en te experimenteren met verschillende patronen en use cases om uw begrip en vertrouwdheid met reguliere expressies te vergroten. Aarzel niet om reguliere expressies te gebruiken om de efficiëntie en kwaliteit van uw code te verbeteren!