In dit bericht wordt de werking van het metateken '\d' in de RegExp van JavaScript uitgelegd.
Wat doet 'd' Metacharacter in RegExp van JavaScript?
De ' \D ”metateken werkt op enkele numerieke waarden. In het geval van meerdere cijfers komt het overeen met elk afzonderlijk cijfer en wordt de hele waarde automatisch weergegeven, gescheiden door een komma ','.
Syntaxis (basis)
/ \D /
In de bovenstaande syntaxis:
- /(Schuine streep naar voren) : Specificeert de grenzen van de reguliere expressie en is gelijk aan /[\d]/.
- \(Backslash) : ontwijkt de backslash en behandelt het volgende genoemde teken als een metateken.
- D : Komt overeen met de cijfers van ' 0-9 ”.
Syntaxis (met modificaties)
/ \D / [ G , i , M ] OF nieuw RegExp ( ' \\ D' , '[g, ik, m' )
In de hierboven gegeven syntaxis:
- g(globaal) : Zoekt wereldwijd en vindt alle overeenkomsten. Het stopt niet na de eerste wedstrijd.
- ik (hoofdlettergevoelig) : negeert de hoofdlettergevoeligheid.
- m(meerdere) : Specificeert de zoekopdracht op meerdere regels en is alleen beperkt tot '^(begin van de tekenreeks)' en '$(einde van de tekenreeks)'.
Syntaxis(Met RegExp() Constructor)
Het metateken '\d' kan ook worden gebruikt als een RegExp-object met de constructor 'RegExp()':
nieuw RegExp ( ' \\ D' )
In deze syntaxis:
- nieuw : Vertegenwoordigt de operator of het trefwoord dat een object maakt op basis van een constructorfunctie.
- RegExp() : Geeft de constructor aan die de ' \\D ”metateken in de vorm van de eerste parameter/argument.
Voorbeeld 1: het metateken 'd' toepassen om cijfers uit een tekenreeks te zoeken op basis van modifier-syntaxis (/\d/g)
In dit voorbeeld is de ' /\D ” metakarakter kan worden gebruikt met de “ g(globaal) ” modifier om overeen te komen met de cijfers van de tekenreeks.
HTML code
Laten we de volgende HTML-code eens bekijken:
< P > Snaar : Linuxhint12345 P >
< knop ondblclick = 'vinden()' > Dubbelklik knop >
< p id = 'zoekopdracht' > P >
In de bovenstaande HTML-code:
- De ' ” tag wordt gespecificeerd voor het definiëren van de eerste subkop.
- De ' ”-tag maakt een alinea om de tekenreeks weer te geven.
- De '
” tag creëert een knop met een “ ondblklik 'gebeurtenis omleiden naar de functie' vinden() ” die wordt geactiveerd bij dubbelklikken op de knop. - Daarna is de “ ” geeft de tweede lege alinea aan waaraan een id is toegewezen “ zoekopdracht ” om de gezochte cijfers weer te geven.
JavaScript-code
Laten we nu verder gaan met de JavaScript-code:
functie vinden ( ) {
was str = 'Linuxhint12345' ;
was patroon = /\d/g ;
was resultaat = str. overeenkomst ( patroon ) ;
document. getElementById ( 'zoekopdracht' ) . binnenHTML = resultaat ;
}
script >
In de bovenstaande JavaScript-code:
- Definieer een functie met de naam ' vinden() ”.
- Initialiseer in de definitie de vermelde tekenreeksvariabele die cijfers bevat.
- In de volgende stap wordt de variabele ' patroon ' definieert de syntaxis van het metateken ' \D ” met een extra “ G ”global search flag/modifier om de cijfers globaal uit de geïnitialiseerde string te vinden.
- Pas nu de ' overeenkomst() ” methode om de cijfers uit de string te matchen met behulp van het besproken metateken.
- Als laatste de “ document.getElementById() ” methode benadert de paragraaf via zijn id “ zoekopdracht ” om de gezochte cijfers toe te voegen en weer te geven.
Uitgang
De uitvoer geeft het gezochte “ cijfers 'van de verstrekte tekenreeks op de knop dubbelklik dienovereenkomstig.
Voorbeeld 2: het metateken 'd' toepassen om cijfers uit een tekenreeks te zoeken op basis van de syntaxis 'RegExp() Constructor'
De ' nieuwe RegExp ('\\ W', 'g') ”-syntaxis kan ook worden gebruikt om de cijfers te vinden. Het retourneert dezelfde uitvoer als van de syntaxis '/\d\g'. Laten we eens kijken hoe het kan worden gebruikt in de JavaScript-code.
Opmerking : De HTML-code is dezelfde als in Voorbeeld 1.
JavaScript-code
Laten we de volgende JavaScript-code eens bekijken:
functie vinden ( ) {
was str = 'Linuxhint12345' ;
was patroon = nieuw RegExp ( ' \\ D' , 'G' ) ;
was resultaat = str. overeenkomst ( patroon ) ;
document. getElementById ( 'zoekopdracht' ) . binnenHTML = resultaat ;
}
script >
In de bovenstaande regels code, de ' patroon ” variabele specificeert de “nieuwe RegExp(“\\d”, “g”)” syntaxis om de cijfers van de geïnitialiseerde tekenreeks globaal te lokaliseren en terug te geven na dubbelklikken op de knop.
Uitgang
Zoals geanalyseerd, is de uitkomst ook in dit geval identiek.
Conclusie
In JavaScript is de ingebouwde ' \D ” metakarakter is handig voor het vinden van de cijfers tussen “ 0-9 ”. Standaard stopt het bij de eerste cijferovereenkomst zonder de zoekopdracht van de hele reeks te voltooien. Hiervoor is de “ g(globaal) ” modifier kan ermee worden gebruikt om de zoekopdracht op de juiste manier te voltooien. Deze blog gaf een gedetailleerde demonstratie van het metateken 'd' in RegExp van JavaScript.