Explique RegExp en ES6 – Barcelona Geeks

Se utiliza un RegEx o RegExp para indicar una expresión regular. Una expresión regular es un objeto que describe un patrón de caracteres. Nos permite buscar patrones específicos del texto usando patrones definidos.

¿Por qué usar RegExp?

RegEx se utiliza principalmente para la validación de formularios en páginas web.
Para comprobar si una string determinada es válida o no.
Para verificar que el nombre de usuario ingresado solo debe contener letras y números.
Para verificar si el correo electrónico ingresado contiene una sintaxis válida o no.
Para verificar la sintaxis de la contraseña si está de acuerdo con las instrucciones dadas o no.

Hay dos formas de definir una expresión regular en ES6:

Notación literal: el patrón está encerrado entre las dos barras diagonales. Se ejecuta en tiempo de compilación.

Sintaxis:

let regExp = /pattern/;

Función constructora: el patrón se da entre comillas dobles en la función de clase RegExp() (expresión regular). Obtiene la memoria dinámicamente. Se ejecuta en tiempo de ejecución.

Sintaxis:

let regExp = new RegExp( pattern, parameters );

Conjuntos y Rangos: Se representan mediante varios caracteres entre corchetes […]. Se utiliza para buscar cualquier carácter entre valores dados o rangos dentro de corchetes.

S. No.	Patrones	Descripción
1.	[patrón]	Comprueba cualquier carácter del patrón.
2.	[^patrón]	Comprueba cualquier carácter que no pertenezca al patrón.
3.	[ARIZONA]	Comprueba cualquier carácter del rango dado de alfabetos en mayúsculas.
4.	[Arizona]	Comprueba cualquier carácter del rango dado de alfabetos en minúsculas.
5.	[0-9]	Comprueba cualquier carácter del rango dado de dígitos.

Ejemplo 1:

HTML

<script>
    var regEx = /[geeks]/gi;
    var chk_string = "Geeks for Geeks is "
        + "a learning platform for geeks.";
    var match1 = chk_string.match(regEx);
    console.log(match1);
</script>

Producción:

Sets and Ranges

Cuantificadores: Los cuantificadores especifican la posición y la frecuencia de un carácter en un patrón.

S. No.	cuantificadores	Descripción	Ejemplo
1.	+	Coincide con strings con al menos uno o más caracteres en un rango determinado.	/([a – z]+)/
2.	*	Coincide con strings con cero o más caracteres en un rango dado.	/([A – Z]*)/
3.	{metro}	Coincide con strings con ‘m’ número de caracteres.	/([0 – 9]{2})/
4.	{m1, m2}	Coincide con strings con caracteres en el rango de m1 a m2	/([a – z]{1, 4})/
5.	{m,}	Coincide con strings con un número mínimo de caracteres ‘m’.	/(patrón{3, })/
6.	ps	Coincide con strings que terminan con un valor o carácter dado.	/gfg$/
7.	^	Coincide con strings que comienzan con un valor o carácter dado.	/^gfg/

Ejemplo 2:

HTML

<script>
        var regEx = new RegExp('[geeks]+', 'gi');
        var chk_string = "Geeks for Geeks is"
          + " a learning platform for geeks.";
        var match1 = chk_string.match(regEx);
        console.log(match1);
</script>

Producción:

Quantifiers

Caracteres literales: estos literales se utilizan para indicar los caracteres de escape.

S. No.	Caracteres literales	Descripción
1.	\0	Especifica el carácter NULL en la string.
2.	\t	Especifica el espacio de tabulación en la string.
3.	\v	Especifica la tabulación vertical en la string.
4.	\norte	Especifica el carácter de nueva línea en la string.
5.	\r	Especifica el retorno de carro en la string.

Ejemplo 3:

HTML

<script>
    var regEx = new RegExp('\s');
    var chk_string = "Geeks for Geeks is "
        + "a learning platform for geeks.";
    var match1 = chk_string.replace(regEx, '\t');
    console.log(match1);
</script>

Producción:

Literal Character

Metacaracteres: estos caracteres se utilizan para especificar el tipo de caracteres en una string.

S. No.	Metacaracteres	Descripción	Ejemplo
1.	\s	Se utiliza para especificar el espacio en blanco en la string.	/bienvenido a\s gfg/
2.	\S	Se utiliza para especificar el espacio que no está en blanco en la string.	/bienvenido\S a gfg/
3.	\w	Se utiliza para especificar el carácter de la palabra en la string.	/bienvenido\w a gfg/
4.	\W	Se utiliza para especificar el carácter que no es una palabra en la string.	/bienvenido a\W gfg/
5.	\d	Se utiliza para especificar el carácter de dígito decimal en la string.	/bienvenido a\dgfg/
6.	\D	Se utiliza para especificar el carácter de dígito no decimal en la string.	/bienvenido a gfg\D/

Ejemplo 4:

HTML

<script>
    var regEx = /(\d+)\s(\d+)\s(\d+)/;
    var chk_string = "0 1 2 3 4 5 6 7 8 9";
    console.log("Before:");
    console.log(chk_string);
    var match1 = chk_string.replace(regEx, 'Geeks for Geeks');
    console.log("After:");
    console.log(match1);
</script>

Producción:

Meta Character

Publicación traducida automáticamente

Artículo escrito por abhisheksainiaggarwal y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

HTML

HTML

HTML

HTML

Deja una respuesta Cancelar la respuesta