Cal mantenir les dades segures i alineades, especialment quan es tracta de números de telèfon. Els llocs web que recullen els números de telèfon dels usuaris solen tenir problemes de format. Els usuaris omplen les seves dades d'una manera molt incerta sense tenir a la vista els estàndards. Dificulta el processament de dades per als desenvolupadors de llocs web. Per evitar aquestes situacions, es pot utilitzar JavaScript per formatar els números de telèfon segons un estàndard específic.
Aquest bloc tractarà el procediment relacionat amb el format d'un número de telèfon en JavaScript.
Com formatar el número de telèfon en JavaScript?
A JavaScript, per formatar un número de telèfon, utilitzarem els mètodes següents:
Aprofundim en el primer mètode!
Mètodes 1: Ús de RegEx per formatar el número de telèfon en JavaScript
“ RegEx ” és l'abreviatura d'expressió regular. És el contenidor de caràcters que introdueix un patró de cerca respecte a una cadena i després substitueix o elimina els valors existents d'una cadena amb valors nous respectivament.
Seguim endavant i prenem un exemple per entendre com utilitzar el mètode RegEx pot formatar un número de telèfon.
Exemple
En aquest exemple, crearem una variable ' pàg ” i assigneu-li un nombre aleatori sense format:
era pàg = '+1.234-567.1234' ;
A continuació, invoqueu el mètode replace(), on \D és per a dígits de [0-9], + és per detectar la repetició de dígits i g és per a la concordança global. A continuació, torneu a cridar el mètode replace() amb una seqüència especial de caràcters com ara (\d{1}) per establir un dígit, (\d{3}) per establir tres dígits i (\d{4}) per establir quatre dígits. Per saber més sobre aquestes operacions, consulteu les nostres altres article dedicat .
A més, $1 serà el primer grup i el + s'alinearà just abans, ($2) serà el segon grup entre claudàtors, $3-$4 serà el tercer i quart grup amb un signe de guionet (-):
pàg = pàg. substituir ( /\D+/g , '' ) . substituir ( /(\d{1})(\d{3})(\d{3})(\d{4})/ , '+$1 ($2) $3-$4' ) ;Ara, imprimiu els resultats amb la línia següent:
consola. registre ( pàg ) ; 
Com podeu veure, hem format correctament el número de telèfon.
Mètodes 2: utilitzant substr() per donar format al número en JavaScript
El ' substr() ” El mètode extreu la subcadena d'un índex específic fins a l'índex final esmentat. Aquest mètode pot ajudar a fer subcadenes de números amb el format i la seqüència de caràcters adequats. Com a resultat, es generarà un número formatat.
Sintaxi
corda. substr ( començar , final )Aquí, el ' substr() ” el mètode recuperarà la subcadena de l'especificat “ començar ” índex fins al “ final ” índex de la cadena donada.
Exemple 1
Dividim el programa en tres parts. A la primera part, considerarem el valor “ p.substr(0, 3) ”, ja que 0 és el punt de partida, i 3 és la longitud; a la segona part, el valor ' p.substr(3, 3) ” indica que els dígits començaran des de la 4a posició i la seva longitud serà 3. L'última part té valor “ p.substr(6, 4) ” on les posicions dels dígits comencen per 7 i la seva longitud total és 4:
pàg = pàg. substr ( 0 , 3 ) + '-' + pàg. substr ( 3 , 3 ) + '-' + pàg. substr ( 6 , 4 ) ;Sortida
Ara, prenguem un altre exemple per esbrinar com podem inserir el codi del país juntament amb el nostre número utilitzant el mateix mètode.
Exemple 2
En aquest exemple, agafarem la cadena “ str ' i feu el ' +1 ” per emmagatzemar-hi:
era str = '+1' ;Ara, definirem 1 com el punt de partida en el primer valor de ' p.substr(1, 3) ”. El codi de resta seguirà sent el mateix:
pàg = pàg. substr ( 1 , 3 ) + '-' + pàg. substr ( 3 , 3 ) + '-' + pàg. substr ( 6 , 4 ) ;Imprimiu la cadena de cadena recent inicialitzada amb la cadena p:
consola. registre ( str , pàg ) ;Sortida
Hem après el procediment per formatar el número de telèfon en JavaScript mitjançant dos mètodes diferents.
Conclusió
Per formatar el número de telèfon, el ' RegEx ' o ' substr() Es pot utilitzar el mètode. En definir l'expressió regular, cal crear un patró i després amb l'ajuda del mètode replace() es pot formatar el número de telèfon. En el mètode substr(), es poden crear tres parts, i cada part té un punt de partida i una longitud definits. Aquest article ha tractat el mètode per formatar els números de telèfon en JavaScript.