Telefoonnummer opmaken in JavaScript

Telefoonnummer Opmaken In Javascript



Het is noodzakelijk om gegevens veilig en uitgelijnd te houden, vooral als het gaat om telefoonnummers. Websites die telefoonnummers van gebruikers verzamelen, hebben vaak te maken met formaatproblemen. Gebruikers vullen hun gegevens op een zeer onzekere manier in zonder de normen in het oog te houden. Het maakt gegevensverwerking moeilijk voor websiteontwikkelaars. Om dergelijke situaties te voorkomen, kan JavaScript worden gebruikt om de telefoonnummers op te maken volgens een specifieke standaard.

In deze blog wordt de procedure besproken met betrekking tot het opmaken van een telefoonnummer in JavaScript.







Hoe telefoonnummer opmaken in JavaScript?

In JavaScript gebruiken we de volgende methoden om een ​​telefoonnummer op te maken:



Laten we ingaan op de eerste methode!



Methoden 1: RegEx gebruiken om telefoonnummer op te maken in JavaScript

RegEx ” is een afkorting voor reguliere expressie. Het is de container met tekens die een zoekpatroon introduceert met betrekking tot een tekenreeks en vervolgens respectievelijk de bestaande waarden van een tekenreeks vervangt of verwijdert door nieuwe waarden.





Laten we verder gaan en een voorbeeld nemen om te begrijpen hoe het gebruik van de RegEx-methode een telefoonnummer kan opmaken.

Voorbeeld

In dit voorbeeld maken we een variabele ' p ” en wijs het een willekeurig niet-geformatteerd nummer toe:



was p = '+1.234-567.1234' ;

Roep vervolgens de methode Replace() op, waarbij \D staat voor cijfers van [0-9], + voor het detecteren van herhaling van cijfers en g voor de globale overeenkomst. Roep vervolgens opnieuw de methode Replace() aan met een speciale reeks tekens, zoals (\d{1}) om één cijfer in te stellen, (\d{3}) om drie cijfers in te stellen, en (\d{4}) om vier cijfers in te stellen. Voor meer informatie over deze operaties, bekijk onze andere speciaal artikel .

Bovendien is $ 1 de eerste groep en wordt de + er vlak voor uitgelijnd, ($ 2) is de tweede groep die tussen haakjes staat, $ 3- $ 4 is de derde en vierde groep met een koppelteken (-):

p = p. vervangen ( /\D+/g , '' ) . vervangen ( /(\d{1})(\d{3})(\d{3})(\d{4})/ , '+$1 ($2) $3-$4' ) ;

Druk nu de resultaten af ​​met behulp van de onderstaande regel:

troosten. log ( p ) ;

Zoals u kunt zien, hebben we het telefoonnummer met succes geformatteerd.

Methoden 2: Substr() gebruiken om nummer op te maken in JavaScript

De ' substr() ”-methode extraheert de substring van een specifieke index tot de genoemde eindindex. Deze methode kan helpen bij het maken van substrings van getallen met het juiste formaat en de juiste volgorde van tekens. Als gevolg hiervan wordt een opgemaakt getal gegenereerd.

Syntaxis

snaar. substr ( begin , einde )

Hier de ' substr() ” methode haalt de substring op uit de gespecificeerde “ begin ” index tot aan de “ einde ” index van de gegeven string.

voorbeeld 1

Laten we het programma in drie delen verdelen. In het eerste deel zullen we de waarde ' p.substr(0, 3) ”, aangezien 0 het startpunt is en 3 de lengte; in het tweede deel, de waarde “ p.substr(3, 3) ” geeft aan dat de cijfers beginnen vanaf de 4e positie en dat hun lengte 3 zal zijn. Het laatste deel heeft de waarde “ p.substr(6, 4) ” waarbij de cijferposities beginnen bij 7 en de totale lengte is 4:

p = p. substr ( 0 , 3 ) + '-' + p. substr ( 3 , 3 ) + '-' + p. substr ( 6 , 4 ) ;

Uitgang:

Laten we nu nog een voorbeeld nemen om erachter te komen hoe we de landcode samen met ons nummer op dezelfde manier kunnen invoegen.

Voorbeeld 2

In dit voorbeeld nemen we de string “ str ” en maak de “ +1 ” erin op te slaan:

was str = '+1' ;

Nu zullen we 1 definiëren als het startpunt in de eerste waarde van ' p.substr(1, 3) ”. De restcode blijft hetzelfde:

p = p. substr ( 1 , 3 ) + '-' + p. substr ( 3 , 3 ) + '-' + p. substr ( 6 , 4 ) ;

Druk de nieuw geïnitialiseerde str-string af met string p:

troosten. log ( str , p ) ;

Uitgang:

We hebben de procedure geleerd om het telefoonnummer in JavaScript op twee verschillende manieren op te maken.

Conclusie

Om het telefoonnummer te formatteren, de “ RegEx ' of ' substr() ”-methode kan worden gebruikt. Door de reguliere expressie te definiëren, moet u een patroon maken en vervolgens met behulp van de methode Replace() het telefoonnummer opmaken. In de methode substr() kunnen drie onderdelen worden gemaakt, en elk onderdeel heeft een gedefinieerd startpunt en een gedefinieerde lengte. Dit artikel heeft de methode behandeld om telefoonnummers in JavaScript op te maken.