Il est nécessaire de garder les données sécurisées et alignées, en particulier en ce qui concerne les numéros de téléphone. Les sites Web qui collectent les numéros de téléphone des utilisateurs sont souvent confrontés à des problèmes de format. Les utilisateurs remplissent leurs données de manière très incertaine sans tenir compte des normes. Cela rend le traitement des données difficile pour les développeurs de sites Web. Pour éviter de telles situations, JavaScript peut être utilisé pour formater les numéros de téléphone selon une norme spécifique.
Ce blog discutera de la procédure liée au formatage d'un numéro de téléphone en JavaScript.
Comment formater un numéro de téléphone en JavaScript ?
En JavaScript, pour formater un numéro de téléphone, on va utiliser les méthodes suivantes :
Passons à la première méthode !
Méthodes 1 : Utilisation de RegEx pour formater le numéro de téléphone en JavaScript
' RegEx ” est un raccourci pour une expression régulière. C'est le conteneur de caractères qui introduit un modèle de recherche par rapport à une chaîne, puis remplace ou supprime les valeurs existantes d'une chaîne par de nouvelles valeurs respectivement.
Allons de l'avant et prenons un exemple pour comprendre comment l'utilisation de la méthode RegEx peut formater un numéro de téléphone.
Exemple
Dans cet exemple, nous allons créer une variable ' p ” et attribuez-lui un nombre aléatoire non formaté :
a été p = '+1.234-567.1234' ;
Ensuite, appelez la méthode replace(), où \D est pour les chiffres de [0-9], + est pour détecter la répétition des chiffres et g est pour la correspondance globale. Ensuite, appelez à nouveau la méthode replace() avec une séquence spéciale de caractères tels que, (\d{1}) pour définir un chiffre, (\d{3}) pour définir trois chiffres et (\d{4}) pour définir quatre chiffres. Pour en savoir plus sur ces opérations, consultez nos autres article dédié .
De plus, $1 sera le premier groupe et le + sera aligné juste avant, ($2) sera le deuxième groupe qui est entre parenthèses, $3-$4 sera le troisième et le quatrième groupe avec un trait d'union (-) :
p = p. remplacer ( /\D+/g , '' ) . remplacer ( /(\d{1})(\d{3})(\d{3})(\d{4})/ , '+$1 ($2) $3-$4' ) ;Maintenant, imprimez les résultats en utilisant la ligne ci-dessous :
console. Journal ( p ) ; 
Comme vous pouvez le voir, nous avons réussi à formater le numéro de téléphone.
Méthodes 2 : Utiliser substr() pour formater le nombre en JavaScript
La ' substr() ” La méthode extrait la sous-chaîne d'un index spécifique jusqu'à l'index de fin mentionné. Cette méthode peut aider à créer des sous-chaînes de nombres avec un format et une séquence de caractères appropriés. En conséquence, un nombre formaté sera généré.
Syntaxe
chaîne de caractères. substr ( début , fin )Ici le ' substr() ” récupérera la sous-chaîne à partir du “ spécifié début ” index jusqu'au “ fin ” index de la chaîne donnée.
Exemple 1
Divisons le programme en trois parties. Dans la première partie, nous considérerons la valeur « p.substr(0, 3) ”, car 0 est le point de départ et 3 est la longueur ; dans la seconde partie, la valeur « p.substr(3, 3) ' indique que les chiffres commenceront à partir de la 4ème position et leur longueur sera de 3. La dernière partie a pour valeur ' p.substr(6, 4) ' où les positions des chiffres commencent à 7 et sa longueur totale est 4 :
p = p. substr ( 0 , 3 ) + '-' + p. substr ( 3 , 3 ) + '-' + p. substr ( 6 , 4 ) ;Production
Maintenant, prenons un autre exemple pour comprendre comment nous pouvons insérer le code du pays avec notre numéro en utilisant la même méthode.
Exemple 2
Dans cet exemple, nous prendrons la chaîne ' chaîne » et faites le « +1 ” pour y stocker :
a été chaîne = '+1' ;Maintenant, nous allons définir 1 comme point de départ dans la première valeur de ' p.substr(1, 3) ”. Le reste du code restera le même :
p = p. substr ( 1 , 3 ) + '-' + p. substr ( 3 , 3 ) + '-' + p. substr ( 6 , 4 ) ;Imprimez la chaîne str nouvellement initialisée avec la chaîne p :
console. Journal ( chaîne , p ) ;Production
Nous avons appris la procédure pour formater le numéro de téléphone en JavaScript à travers deux méthodes différentes.
Conclusion
Pour formater le numéro de téléphone, le ' RegEx ' ou ' substr() » méthode peut être utilisée. En définissant l'expression régulière, vous devez créer un modèle, puis à l'aide de la méthode replace(), le numéro de téléphone peut être formaté. Dans la méthode substr(), trois parties peuvent être créées, et chaque partie a un point de départ et une longueur définis. Cet article a couvert la méthode de formatage des numéros de téléphone en JavaScript.