Expresiones regulares en JavaScript

En nuestra vida cotidiana navegamos, buscamos y encontramos cosas en Google, a veces encontramos lo que estamos buscando, otras veces fallamos. Para que esta búsqueda sea más precisa, precisa expresiones regulares ¿Hay que ayuden a los usuarios con búsqueda y reemplazo?.

Los usuarios también pueden usar expresiones regulares para la validación de entrada o los campos de formulario, como verificar si el PIN ingresado consta de todos los valores numéricos o si tiene algunos caracteres especiales. En JavaScript, estas expresiones regulares son objetos que vienen como una característica incorporada con el nombre "Regexp". En este artículo discutiremos expresiones regulares en JavaScript, su sintaxis y cómo se usan junto con ejemplos para su mejor comprensión.

Sintaxis de expresión regular

Hay dos formas en que las expresiones regulares se pueden escribir en JavaScript

Usando literal:
La forma más simple es encerrar la expresión entre cortes como se muestra a continuación:

const re = /regularexpression /;

Uso de la función de constructor regexp ():
La otra forma de crear una expresión regular es mediante la función del constructor "Regexp ()" Como se muestra abajo:

const re = new Regexp ('RegularAxpression');

Cómo crear una expresión regular?

Crear expresiones regulares en JavaScript es simple, puede usar Slashes o el constructor regexp (). A continuación se presentan los dos ejemplos utilizando ambos métodos para crear expresión regular:

Deje que regexp = /hola /;
consola.log (regexp);

Producción:

Ejemplo:

dejar regexp = new Regexp ('Hello There');
consola.log (regexp);

Producción:

Métodos para expresiones regulares

Las expresiones regulares se utilizan para varios fines, como hacer coincidir dos cadenas, hacer coincidir palabras particulares en una cadena, buscar una palabra en particular en las cadenas y reemplazar dentro de una cadena. Todos estos tienen métodos separados que se pueden usar en la expresión regular. Veamos uno por uno con ejemplo:

método de prueba
Este método se utiliza para hacer coincidir las cadenas y, como resultado, devuelve el valor booleano de verdadero o falso. Usando este método, el usuario puede verificar si la cadena particular contiene la coincidencia de una expresión regular. A continuación se muestra un ejemplo de dos cadenas para mostrarle el funcionamiento de este método con expresión regular:

Dejar regexp = /hello /;
Dejar cheque = regexp.prueba ('hola mundo');
consola.registro (verificar);

Producción:

Ejemplo:

Dejar regexp = /hello /;
Dejar cheque = regexp.prueba ('hola mundo');
consola.registro (verificar);

Producción:

Método Match ()
Otro método que se usa con la expresión regular es fósforo() Métodos que verifican una cadena y devuelven una matriz de todas las coincidencias, en caso de que no se devuelva ningún coincidencia. A continuación se muestra un ejemplo para el Method Match () junto con la bandera G, que es una bandera global que veremos en el artículo, ayuda a buscar todas las coincidencias en la cadena:

Dejar regexp = "Bienvenido a nuestro sitio web";
Dejar cheque = consola.log (regexp.Match (/Come/G));

Producción:

Método Search ()
Otro método útil es el buscar() Método en el que pasamos el valor que debe buscar en la cadena y cuando se encuentra el índice de esa palabra se devuelve como una salida:

Deja que regexp = "Hola, bienvenido!";
Dejar cheque = consola.log (regexp.buscar ("allí"));

Producción:

Método reemplazar ()
reemplazar() El método se utiliza para reemplazar un valor específico en la cadena. Toma dos parámetros y busca la cadena con el primer parámetro, cuando se encuentre reemplácelo con el valor que se reemplazará:

Deja que regexp = "Hola, bienvenido!";
Dejar cheque = consola.log (regexp.reemplazar ("allí", "usted"));

Producción:

Banderas de patrones

Para que la búsqueda sea más precisa y precisa, las expresiones regulares usan banderas junto con la expresión regular.

Sintaxis:

/expresión regular/banderas

Hay varias banderas presentes que cambian el comportamiento de la búsqueda, algunas de las cuales se describen a continuación junto con ejemplos para una mejor comprensión.

(i) Ignorar la bandera
Muchas veces, cuando un usuario realiza una búsqueda, no proporciona resultados precisos para "HI" vs "HI", debido a que es sensible. Para este propósito, la bandera de Ignorar "I" se usa para ignorar los casos y facilita la búsqueda.

Dejar regexp = /hello /i;
Dejar cheque = regexp.prueba ('hola allí');
consola.registro (verificar); // verdadero

Producción:

(g) bandera global
Principalmente cuando se usa el método coincidencia () para buscar una coincidencia en particular en una cadena, devuelve solo la primera coincidencia. Pero, con el uso de la bandera global "G" junto con el método, busca todas las coincidencias en la cadena y devuelve una matriz de las coincidencias encontradas.

Let Regexp = "El cocinero estaba cocinando galletas";
Dejar cheque = consola.log (regexp.Match (/Cook/G));

Producción:

También puede usar dos banderas juntas para un mejor resultado como se muestra a continuación en este ejemplo:

Dejar regexp = 'Nombre: John
Edad: 45
Ciudad: Nueva York ';
consola.log (regexp.Match (/a/gi));

Producción:

Conclusión

La expresión regular ayuda a los usuarios a facilitar la búsqueda y reemplazar cosas en una cadena o validación de formulario. Se usa junto con varios métodos y banderas para encontrar elementos que ignoran el caso mucho más rápido y proporcionan a los usuarios resultados precisos. Aquí en este artículo discutimos expresiones regulares en JavaScript junto con sus diferentes sintaxis y métodos, y cómo hacer que la búsqueda sea más precisa utilizando banderas. También se proporcionan ejemplos para que lo comprenda mejor.