Comment formater le numéro de téléphone en javascript

Il est nécessaire de garder les données sécurisées et alignées, surtout 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 d'une manière très incertaine sans garder les normes en vue. 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 en fonction d'une norme spécifique.

Ce blog discutera de la procédure liée à la mise en forme d'un numéro de téléphone en JavaScript.

Comment formater le numéro de téléphone en javascript?

Dans JavaScript, pour formater un numéro de téléphone, nous utiliserons les méthodes suivantes:

• Expirat
• Méthode substr ()

Préparez-nous dans la première méthode!

Méthodes 1: Utilisation de Regex pour formater le numéro de téléphone en JavaScript

"Expirat"Est-ce que le raccourci pour l'expression régulière. C'est le conteneur des caractères qui introduit un modèle de recherche par rapport à une chaîne, puis remplace ou supprime respectivement les valeurs existantes d'une chaîne avec de nouvelles valeurs.

Passons 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 créerons une variable "p»Et attribuez-lui un numéro non formaté aléatoire:

var p = '+1.234-567.1234 ';

Ensuite, invoquez la méthode Remplace (), où \ d est pour les chiffres de [0-9], + est de détecter la répétition des chiffres et G est pour la correspondance globale. Ensuite, appelez à nouveau la méthode Remplace () par 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 régler quatre chiffres. Pour en savoir plus sur ces opérations, consultez notre autre article dédié.

De plus, 1 $ sera le premier groupe et le + sera aligné juste avant lui, (2 $) sera le deuxième groupe qui est enfermé entre crochets, 3 $ à 4 $ seront le troisième et quatrième groupe avec un panneau de 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: Utilisation de substr () pour formater le numéro en javascript

Le "substr ()»La méthode extrait la sous-chaîne d'un index spécifique jusqu'à l'indice de fin mentionné. Cette méthode peut aider à fabriquer des sous-chaînes de nombres avec un format approprié et une séquence de caractères. Par conséquent, un numéro formaté sera généré.

Syntaxe

chaîne.substr (début, fin)

Ici le "substr ()"La méthode récupérera la sous-chaîne du"commencer»Index jusqu'à ce que«fin”Index de la chaîne donnée.

Exemple 1

Divitons 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 deuxième partie, la valeur "p.substr (3, 3)"Indique que les chiffres commenceront à partir de la 4e position et que leur longueur sera 3. La dernière partie a de la valeur "p.substr (6, 4)«Où les positions du chiffre commencent à partir de 7 et sa longueur totale est de 4:

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

Sortir

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 "Str"Et faites le"+1«Pour stocker dedans:

var str = '+1';

Maintenant, nous allons définir 1 comme le point de départ de la première valeur de «p.substr (1, 3)". Le code de repos 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.log (str, p);

Sortir

Nous avons appris la procédure pour formater le numéro de téléphone en JavaScript via deux méthodes différentes.

Conclusion

Pour formater le numéro de téléphone, le «Expirat" ou "substr ()«La méthode peut être utilisée. En définissant l'expression régulière, vous devez créer un modèle, puis avec l'aide de la méthode Remplace (), le numéro de téléphone peut être formaté. Dans la méthode substr (), trois parties peuvent être créées, et chaque pièce a un point de départ et une longueur définis. Cet article a couvert la méthode pour formater les numéros de téléphone en javascript.