English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Tutorial básico de JavaScript

Objeto de JavaScript

Función de JavaScript

HTML DOM de JS

BOM del navegador JS

Tutorial básico de AJAX

Manual de referencia de JavaScript

Expresiones regulares (RegExp) de JavaScript

Las expresiones regulares generalmente se denominan "regex" o "RegExp", que son patrones utilizados para coincidir combinaciones de caracteres en una cadena.

Las expresiones regulares son una de las herramientas más potentes disponibles hoy en día, que pueden manejar y operar con texto de manera efectiva.

Las expresiones regulares se pueden utilizar para realizar todo tipo debúsqueda de textoyreemplazo de textooperaciones.

Las expresiones regulares pueden ser un solo carácter, también pueden ser patrones más complejos.

En JavaScript, las expresiones regulares también son objetos.

Crear expresión regular

Usted puede crear una expresión regular de dos formas:

El uso de expresiones regularestextoque consta de patrones contenidos entre barras invertidas, como se muestra a continuación:

  var regex = /w3codebox/g

o llame al método del objeto RegExpConstrucciónLa función, como se muestra a continuación:

  var regex = new RegExp("w3codebox", "g");

Ejemplo de explicación:

  • w3codeboxes un patrón (para búsqueda)

  • ges un modificador (ejecutar coincidencia global)

usandoConstrucciónLa función puede proporcionar la compilación en tiempo de ejecución de la expresión regular.

Cuando no conoce el patrón y lo obtiene de otras fuentes (por ejemplo, entrada del usuario), utiliceConstrucciónfunción.

Nota:EstetextoLa sintaxis utiliza la barra inversa (/pattern/)para envolver el patrón de expresión regular, mientras que la sintaxis de la gramática de constructor utiliza comillas ("pattern").

Utilice los métodos de cadena

En JavaScript, las tres cadenas de métodos más utilizadas de expresiones regulares son:search(),replace()ymatch().

search()El método utiliza la expresión para buscar coincidencias y luego devuelve la posición de la coincidencia.

replace()El método devuelve una cadena modificada donde se reemplazará el patrón.

match()el método busca coincidencias con la expresión regular en la cadena y luego devuelve las coincidencias como un objeto Array.

Método search()

search()El método realiza una búsqueda para encontrar coincidencias entre la expresión regular y la cadena.

Si encuentra coincidencias, regresará la posición de la primera coincidencia; si no encuentra coincidencias, regresará-1:

var str = 'La pregunta es to be, or not to be, that is to be.';
var pos = str.search('to be';
Prueba y‹/›

A continuación se muestra un ejemplo que ilustra coniEl uso de modificador en la expresión regular (ignorar mayúsculas y minúsculas):

var str = 'La pregunta es SER, o no SER, eso es SER.';
var pos = str.search(/ser/i);
Prueba y‹/›

Las expresiones regulares pueden hacer que sus funciones de búsqueda sean más potentes (por ejemplo, sin distinción de mayúsculas y minúsculas).

Método replace()

replace()El método devuelve una nueva cadena que tiene coincidencias parciales o completas del patrón y se reemplaza por el elemento de reemplazo.

el primer parámetro será el valor a encontrar, y el segundo parámetro será el valor a reemplazar.

var str1 = 'La pregunta es to be, or not to be, that is to be.';
var str2 = str1.replace('to be', 'ZZZ';
Prueba y‹/›

por defecto,replace()el método solo reemplaza la primera coincidencia.

Para reemplazar todo el contenido, utilice congexpresión regular con modificador (búsqueda global):

var str1 = 'La pregunta es to be, or not to be, that is to be.';
var str2 = str1.replace(/ser/g, 'ZZZ';
Prueba y‹/›

Para reemplazar código insensible a mayúsculas y minúsculas, utilice coniexpresión regular con modificador (ignorar mayúsculas y minúsculas):

var str1 = 'La pregunta es SER, o no SER, eso es SER.';
var str2 = str1.replace(/ser/gi, 'ZZZ';
Prueba y‹/›

método match()

match()el método busca coincidencias con la expresión regular en la cadena y luego devuelve las coincidencias como un objeto Array.

var str = 'POLLUTION: La contaminación del aire es la introducción de químicos en la atmósfera';
var reg = str.match(/ion/g);
Prueba y‹/›

modificador de expresión regular

los modificadores se utilizan para ejecutar búsquedas globales, sensibles a mayúsculas y minúsculas y de múltiples líneas:

modificadordescripciónEjemplo
gejecutar coincidencia global, es decir, buscar todas las coincidencias, en lugar de detenerse después de la primera coincidenciaPrueba
iejecutar coincidencia insensible a mayúsculas y minúsculasPrueba
mejecutar coincidencia de múltiples líneasPrueba

patrón de expresión regular

el patrón de expresión regular incluye el uso de letras, números, símbolos de puntuación, etc., y un conjunto de caracteres especiales de expresión regular.

corchetes []usar para buscar una serie de caracteres:

expresióndescripciónEjemplo
[abc]encontrar cualquier carácter entre corchetesPrueba
[0-9]buscar cualquier carácter entre corchetes (cualquier número)Prueba
(x|y)buscar cualquier sustituto especificadoPrueba

carácter metaes un carácter alfanumérico simple, precedido de una barra invertida, que le da a esta combinación un significado especial:

carácter metadescripciónEjemplo
\dbuscar un númeroPrueba
\Wbuscar caracteres no alfanuméricosPrueba
\sbuscar caracteres de espacio en blancoPrueba

cuantificadorespecificar la posición de la secuencia de caracteres entre corchetes o la frecuencia:

expresióndescripciónEjemplo
z+que contenga al menos unade zcadenaPrueba
z*que contenga cero o másde zcadenaPrueba
z?que contenga cero o una apariciónde zcadenaPrueba

Uso del método RegExp

En JavaScript, el objeto RegExp es un objeto de expresión regular con propiedades y métodos predefinidos.

test()Este método busca el patrón en la cadena y devuelve true o false según los resultados.

exec()Este método busca el patrón en la cadena y devuelve el texto encontrado como objeto.

Método test()

test()Este método realiza una búsqueda de coincidencias en el texto especificado.

Si se encuentra una coincidencia, devuelvetrue;de lo contrario, devuelvefalse.

usandotest()deseas saber si el patrón que buscas se encuentra en la cadena.

var str = "es.oldtoolbag.com";
var regex = new RegExp("h");
var ans = regex.test(str);
Prueba y‹/›

Al usartest()Devuelve un valor booleano, diferente deexec()Devuelve una cadena.

Método exec()

exec()Este método realiza una búsqueda de coincidencias en el texto especificado.

Si se encuentra una coincidencia, este método devuelve el texto coincidente; de lo contrario, devuelve null.

var str = "es.oldtoolbag.com";
var regex = new RegExp("h");
var ans = regex.exec(str);
Prueba y‹/›

Validar la entrada con una expresión regular

Calcular el número de vocales en la cadena:

Escribe algún texto en el campo de entrada para mostrar la cantidad de vocales:

Número de vocales introducidas:

Ejecutar código

Referencia completa de RegExp

Para obtener una referencia completa de propiedades y métodos, visite nuestraReferencia de RegExp de JavaScript.

La sección de referencia contiene descripciones y ejemplos de todas las propiedades y métodos de RegExp.