Tutorial JS

JS INICIO JS Introducción JS Dónde Salida JS Declaraciones JS Sintaxis JS Comentarios JS Variables JS JS Vamos Constante JS Operadores JS Aritmética JS Tarea JS Tipos de datos JS Funciones JS Objetos JS Eventos JS Cadenas JS Métodos de cadena JS Búsqueda de cadenas JS Plantillas de cadena JS Números JS Métodos numéricos JS Matrices JS Métodos de matriz JS Clasificación de matriz JS Iteración de matriz JS Constante de matriz JS Fechas JS Formatos de fecha JS Métodos de obtención de fecha JS Métodos de configuración de fechas JS Matemáticas JS JS al azar Booleanos JS Comparaciones JS Condiciones JS Interruptor JS Bucle JS para Bucle JS para entrada Bucle JS para de Bucle JS mientras descanso JS Iterables JS Conjuntos JS Mapas JS JS Tipo de Conversión de tipo JS JS bit a bit JS expresión regular Errores JS Alcance JS JS Elevación Modo estricto JS JS esta palabra clave Función de flecha JS Clases JS JSJSON Depuración JS Guía de estilo JS Prácticas recomendadas de JS Errores JS Rendimiento JS Palabras reservadas de JS

Versiones JS

Versiones JS JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Borde Historia de JS

Objetos JS

Definiciones de objetos Propiedades del objeto Métodos de objetos Visualización de objetos Accesores de objetos Constructores de objetos Prototipos de objetos Objeto iterables Conjuntos de objetos Mapas de objetos Referencia de objeto

Funciones JS

Definiciones de funciones Parámetros de función Invocación de funciones Llamada de función Función Aplicar Cierres de funciones

Clases JS

Introducción a la clase Herencia de clase Clase estática

JS asíncrono

Devoluciones de llamada JS JS asíncrono Promesas JS JS asíncrono/espera

JS HTML DOM

Introducción al DOM Métodos DOM Documento DOM Elementos DOM DOM HTML Formularios DOM DOM CSS Animaciones DOM Eventos DOM Oyente de eventos DOM Navegación DOM Nodos DOM Colecciones DOM Listas de nodos DOM

Lista de materiales del navegador JS

Ventana JS Pantalla JS Ubicación de JS Historia de JS Navegador JS Alerta emergente JS Tiempo JS Galletas JS

API web de JS

Introducción a la API web API de formularios web API de historial web API de almacenamiento web API de trabajo web API de búsqueda web API de geolocalización web

JS AJAX

Introducción a AJAX AJAX XMLHttp Solicitud AJAX Respuesta AJAX Archivo XML AJAX AJAXPHP Ajax ASP Base de datos AJAX Aplicaciones AJAX Ejemplos de AJAX

JSJSON

Introducción JSON Sintaxis JSON JSON frente a XML Tipos de datos JSON Análisis JSON Cadena JSON Objetos JSON Matrices JSON Servidor JSON JSONPHP JSONHTML JSON JSONP

JS frente a jQuery

Selectores jQuery HTML de jQuery CSS de jQuery DOM de jQuery

Gráficos JS

Gráficos JS Lienzo JS JS Trazado Gráfico JS.js Gráfico de Google JS JS D3.js

Ejemplos de JS

Ejemplos de JS JS HTML DOM Entrada HTML JS Objetos JS HTML Eventos JS HTML Navegador JS Editor JS Ejercicios JS Prueba JS Certificado JS

Referencias JS

Objetos JavaScript Objetos HTML DOM


Expresiones regulares de JavaScript


Una expresión regular es una secuencia de caracteres que forma un patrón de búsqueda.

El patrón de búsqueda se puede utilizar para operaciones de búsqueda y reemplazo de texto.


¿Qué es una expresión regular?

Una expresión regular es una secuencia de caracteres que forma un patrón de búsqueda .

Cuando busca datos en un texto, puede usar este patrón de búsqueda para describir lo que está buscando.

Una expresión regular puede ser un solo carácter o un patrón más complicado.

Las expresiones regulares se pueden utilizar para realizar todo tipo de operaciones de búsqueda y reemplazo de texto .

Sintaxis

/pattern/modifiers;

Ejemplo

/w3schools/i;

Ejemplo explicado:

/w3schools/i   es una expresión regular.

w3schools   es un patrón (para ser usado en una búsqueda).

i   es un modificador (modifica la búsqueda para que no distinga entre mayúsculas y minúsculas).


Uso de métodos de cadena

En JavaScript, las expresiones regulares se usan a menudo con los dos métodos de cadena : search()y replace().

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

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


Uso de la búsqueda de cadenas () con una cadena

El search()método busca una cadena para un valor específico y devuelve la posición de la coincidencia:

Ejemplo

Use una cadena para buscar "W3schools" en una cadena:

let text = "Visit W3Schools!";
let n = text.search("W3Schools");

El resultado en n será:

6


Uso de la búsqueda de cadenas () con una expresión regular

Ejemplo

Utilice una expresión regular para realizar una búsqueda sin distinción entre mayúsculas y minúsculas de "w3schools" en una cadena:

let text = "Visit W3Schools";
let n = text.search(/w3schools/i);

El resultado en n será:

6



Usando String replace () con una cadena

El replace()método reemplaza un valor especificado con otro valor en una cadena:

let text = "Visit Microsoft!";
let result = text.replace("Microsoft", "W3Schools");

Usar String replace() con una expresión regular

Ejemplo

Use una expresión regular que no distinga entre mayúsculas y minúsculas para reemplazar Microsoft con W3Schools en una cadena:

let text = "Visit Microsoft!";
let result = text.replace(/microsoft/i, "W3Schools");

El resultado en res será:

Visit W3Schools!

¿Te diste cuenta?

Los argumentos de expresión regular (en lugar de argumentos de cadena) se pueden usar en los métodos anteriores.
Las expresiones regulares pueden hacer que su búsqueda sea mucho más poderosa (sin distinción entre mayúsculas y minúsculas, por ejemplo).


Modificadores de expresiones regulares

Los modificadores se pueden utilizar para realizar búsquedas más globales que no distinguen entre mayúsculas y minúsculas:

Modifier Description Try it
i Perform case-insensitive matching
g Perform a global match (find all matches rather than stopping after the first match)
m Perform multiline matching

Patrones de expresiones regulares

Los corchetes se utilizan para encontrar un rango de caracteres:

Expression Description Try it
[abc] Find any of the characters between the brackets
[0-9] Find any of the digits between the brackets
(x|y) Find any of the alternatives separated with |

Los metacaracteres son caracteres con un significado especial:

Metacharacter Description Try it
\d Find a digit
\s Find a whitespace character
\b Find a match at the beginning of a word like this: \bWORD, or at the end of a word like this: WORD\b
\uxxxx Find the Unicode character specified by the hexadecimal number xxxx

Los cuantificadores definen cantidades:

Quantifier Description Try it
n+ Matches any string that contains at least one n
n* Matches any string that contains zero or more occurrences of n
n? Matches any string that contains zero or one occurrences of n

Uso del objeto RegExp

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


Usando prueba()

El test()método es un método de expresión RegExp.

Busca un patrón en una cadena y devuelve verdadero o falso, según el resultado.

El siguiente ejemplo busca en una cadena el carácter "e":

Ejemplo

const pattern = /e/;
pattern.test("The best things in life are free!");

Dado que hay una "e" en la cadena, la salida del código anterior será:

true

No tienes que poner primero la expresión regular en una variable. Las dos líneas anteriores se pueden acortar a una:

/e/.test("The best things in life are free!");

Usando exec ()

El exec()método es un método de expresión RegExp.

Busca una cadena para un patrón específico y devuelve el texto encontrado como un objeto.

Si no se encuentra ninguna coincidencia, devuelve un objeto vacío (nulo) .

El siguiente ejemplo busca en una cadena el carácter "e":

Ejemplo

/e/.exec("The best things in life are free!");

Referencia RegExp completa

Para obtener una referencia completa, vaya a nuestra Referencia completa de expresiones regulares de JavaScript .

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