Cómo formatear el número de teléfono en JavaScript

Es necesario mantener los datos seguros y alineados, especialmente cuando se trata de números de teléfono. Sitios web que recopilan los números de teléfono de los usuarios a menudo enfrentan problemas de formato. Los usuarios llenan sus datos de una manera muy incierta sin mantener a la vista los estándares. Dificulta el procesamiento de datos para los desarrolladores de sitios web. Para evitar tales situaciones, JavaScript se puede usar para formatear los números de teléfono de acuerdo con un estándar específico.

Este blog discutirá el procedimiento relacionado con el formateo de un número de teléfono en JavaScript.

Cómo formatear el número de teléfono en JavaScript?

En JavaScript, para formatear un número de teléfono, utilizaremos los siguientes métodos:

• Regular
• Método subStr ()

Vamos a profundizar en el primer método!

Métodos 1: Uso de Regex para formatear el número de teléfono en JavaScript

"Regular"Es taquigrafía para la expresión regular. Es el contenedor de caracteres que introduce un patrón de búsqueda con respecto a una cadena y luego reemplaza o elimina los valores existentes de una cadena con nuevos valores respectivamente.

Avancemos y tomemos un ejemplo para comprender cómo usar el método regex puede formatear un número de teléfono.

Ejemplo

En este ejemplo, crearemos una variable "pag”Y asignarlo un número aleatorio sin formato:

var p = '+1.234-567.1234 ';

Luego, invoque el método reemplazar (), donde \ d es para dígitos de [0-9], + es para detectar la repetición de dígitos y g es para la coincidencia global. Luego, nuevamente llame al método reemplazar () con una secuencia especial de caracteres como, (\ d 1) para establecer un dígito, (\ d 3) para establecer tres dígitos y (\ d 4) Para establecer cuatro dígitos. Para saber más sobre estas operaciones, consulte nuestro otro artículo dedicado.

Además, $ 1 será el primer grupo y el + se alineará justo antes, ($ 2) será el segundo grupo que está encerrado dentro de los soportes, $ 3- $ 4 será el tercer y cuarto grupo con un signo de guión (-):::

P = P.reemplazar (/\ d+/g, ").reemplazar (/(\ d 1) (\ d 3) (\ d 3) (\ d 4)/, '+$ 1 ($ 2) $ 3- $ 4');

Ahora, imprima los resultados usando la línea a continuación:

consola.log (p);

Como puede ver, hemos formateado con éxito el número de teléfono.

Métodos 2: Uso de subStr () para formatear el número en JavaScript

El "subStr ()El método "extrae la subcadena de un índice específico hasta el índice final mencionado. Este método puede ayudar a hacer subcadenas de números con formato adecuado y secuencia de caracteres. Como resultado, se generará un número formateado.

Sintaxis

cadena.substr (inicio, finalización)

Aquí el "subStr ()"El método recuperará la subcadena de la especificada"comenzarÍndice "hasta el"finÍndice de la cadena dada.

Ejemplo 1

Dividamos el programa en tres partes. En la primera parte, consideraremos el valor "pag.subStr (0, 3)", Como 0 es el punto de partida, y 3 es la longitud; En la segunda parte, el valor "pag.substr (3, 3)"Indica que los dígitos comenzarán desde la cuarta posición y su longitud será 3. La última parte tiene valor "pag.substr (6, 4)"Donde las posiciones de dígitos comienzan desde 7 y su longitud total es 4:

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

Producción

Ahora, tomemos otro ejemplo para descubrir cómo podemos insertar el código de país junto con nuestro número utilizando el mismo método.

Ejemplo 2

En este ejemplo, tomaremos la cadena "stri"Y hacer el"+1"Para almacenarlo:

var str = '+1';

Ahora, definiremos 1 como el punto de partida en el primer valor de "pag.subStr (1, 3)". El código REST seguirá siendo el mismo:

P = P.subStr (1, 3) + '-' + P.subStr (3, 3) + '-' + P.subStr (6, 4);

Imprima la cadena STR recién inicializada con String P:

consola.log (str, p);

Producción

Hemos aprendido el procedimiento para formatear el número de teléfono en JavaScript a través de dos métodos diferentes.

Conclusión

Para formatear el número de teléfono, el "Regular" o "subStr ()Se puede utilizar el método ". Al definir la expresión regular, debe crear un patrón y luego con la ayuda del método reemplazar (), el número de teléfono se puede formatear. En el método subStr (), se pueden crear tres partes, y cada parte tiene un punto de partida y longitud definidos. Este artículo ha cubierto el método para formatear los números de teléfono en JavaScript.