RegExp en JavaScript

Un objeto RegExp en javascript es un constructor que crea expresiones regulares para hacer coincidir el texto con un patrón.

Estructura RegExp javascript

Las expresiones regulares pueden tomar la siguiente forma (forma corta, función constructora, función RegExp):

/pattern/flags
new RegExp(pattern[, flags])
RegExp(pattern[, flags])

pattern

Expresión regular.

flags

Si se le da un valor a este argumento, contendrá una combinación de los siguientes indicadores.

g

Coincidencias en toda la cadena, es decir, encontrar todas las coincidencias en lugar de detenerse en la primera coincidencia.

i

Ignorar caso.

m

Multilínea, es decir, tratar el carácter de inicio y fin (es decir, ^ y $) en más de una línea (es decir, coincidirá con el inicio y el final de cada línea [separados por el carácter ‎\no ‎\r] y no con el inicio y el final de toda la cadena) .

u

Cadena Unicode, es decir, trata el patrón como una serie de puntos de código Unicode.

y

La coincidencia comenzará desde el índice indicado por la propiedad lastIndex del objeto de expresión regular en la cadena de destino y no se intentará ninguna coincidencia antes de ese índice.

Características generales

Hay dos formas de crear un objeto RegExp en javascript: la forma abreviada y el constructor. Tenga en cuenta que la forma abreviada no está entre comillas, pero los argumentos pasados ​​a la función constructora pueden ir entre comillas. Es decir, las siguientes formas son equivalentes:

/ab+c/i;
new RegExp('ab+c', 'i');
new RegExp(/ab+c/, 'i');

La forma corta «construye» la expresión regular al estimar el valor de la expresión que contiene. Utilice la forma abreviada cuando esté seguro de que la expresión regular seguirá siendo la misma. Es decir, si usa la forma corta para crear una expresión regular usada en un ciclo de iteración, la expresión no se reconstruirá en cada iteración.

El constructor new RegExp('ab+c')‎proporciona una construcción en tiempo de ejecución para la expresión regular. Utilice el constructor cuando sepa que la expresión regular cambiará o cuando no conozca el patrón y desee obtenerlo de una fuente externa, como la entrada del usuario.

A partir de ECMAScript 2015 (es decir, ES6), la expresión new RegExp(/ab+c/, 'i')‎ no arrojará un error TypeError(con «no se pueden proporcionar indicadores al construir una expresión regular a partir de otra») cuando el primer argumento es una expresión regular (de tipo RegExp) y el argumento flags está presente.

Cuando use el constructor, tenga en cuenta que las reglas para el escape de caracteres tradicionales (es decir, carreras de caracteres con barra invertida \) serán necesarias. por ejemplo:

var re = /\w+/;
var re = new RegExp('\\w+');

Caracteres especiales en expresiones regulares.

Clases de expresiones

Conjuntos de caracteres

Conjunto de elección

la frontera

Grupos

Cuantificación

Condiciones

Propiedades constructora RegExp

RegExp.prototype

Esta propiedad permite agregar propiedades que están disponibles para todos los objetos cuyo tipo es RegExp.

RegExp.length

El valor de esta propiedad es 2.

RegExp.lastIndex

El índice desde el que comenzar la búsqueda.

Funciones constructivista RegExp

El constructor no tiene RegExp funciones secundarias, pero hereda algunas funciones a través de la cadena de prototipos, como se menciona en la siguiente sección.

Características prototipo de objeto

Las versiones construidas de un constructor  RegExp heredan funciones y propiedades de un objeto RegExp.prototype. Al igual que con todos los constructores, puede realizar cambios en un objeto  prototype en el constructor para que esos cambios se reflejen en todas las instancias del objeto  RegExp.

Tenga en cuenta que varias propiedades de objeto RegExp tienen nombres largos y cortos (similar a Perl). Ambos nombres se refieren al mismo valor. Perl es un lenguaje de programación del que JavaScript extrae sus expresiones regulares.

RegExp.prototype.constructor

Especifica la función que creará el prototipo del objeto RegExp; Consulte la página de funciones Object.prototype.constructor para obtener más detalles.

RegExp.prototype.flags

Una cadena que contiene las banderas utilizadas en un objeto RegExp.

RegExp.prototype.global

Determina si la expresión regular se probará en todas las posibles coincidencias en la cadena o si se detendrá después de la primera coincidencia.

RegExp.prototype.ignoreCase

Determina si la expresión regular ignorará las mayúsculas y minúsculas al intentar realizar una coincidencia en la cadena de texto.

RegExp.prototype.multiline

Determina si la expresión regular coincidirá en más de una línea.

RegExp.prototype.source

Texto de expresión regular.

RegExp.prototype.sticky

Determine si la búsqueda comenzará a partir de un valor lastIndex o no.

RegExp.prototype.unicode

Determine si se habilitarán o no las funciones Unicode.

RegExp.prototype.compile()‎

Refactorización de expresiones regulares durante la ejecución del script. Esta función no es modular, pero se agregó recientemente. No se recomienda usarla, pero se supone que se debe usar el constructor RegExp.

RegExp.prototype.exec()‎

Encuentre un patrón en la cadena dada y devuelva los resultados.

RegExp.prototype.test()‎

Comprueba el patrón en la cadena dada.

RegExp.prototype.[@@match]()‎

Busca un patrón en la cadena dada y devuelve el resultado de la coincidencia.

RegExp.prototype.[@@replace]()‎

Busca un patrón en la cadena dada y devuelve el resultado de la coincidencia.

RegExp.prototype.[@@search]()‎

Busca un patrón en la cadena de texto dada y devuelve el índice de la cadena de texto coincidente.

RegExp.prototype.[@@split]()‎

Dividir la cadena dada en una matriz separándola en subcadenas.

RegExp.prototype.toString()‎

Devuelve una cadena que representa el objeto, que es una redefinición de la función  Object.prototype.toString.

Ejemplos y aplicaciones en código

Usaremos expresiones regulares para cambiar el formato de los datos. El siguiente script usa la función replace del objeto para String hacer coincidir el nombre en la forma de «apodo» y cambiarlo a la forma de «apodo, nombre». Y usaremos ‎$1y ‎$2para referirnos a cadenas que se han emparejado en subpatrones:

var re = /(\w+)\s(\w+)/;
var str = 'Alberto Blanco' ; 
var newstr = str.replace(re, '$2, $1');
console.log(newstr);  // "Blanco, Alberto"

Los caracteres de final de línea pueden diferir entre sistemas operativos (especialmente entre Unix y Windows), por lo que la siguiente expresión regular romperá las líneas independientemente de los caracteres que se utilicen para pasar a la nueva línea:

var text = 'Some text\nAnd some more\r\nAnd yet\rThis is the end';
var lines = text.split(/\r\n|\r|\n/);
console.log(lines); // [ 'Some text', 'And some more', 'And yet', 'This is the end' ]

Usa una expresión regular en más de una línea

var s = 'Please yes\nmake my day!';
s.match(/yes.*day/);
// null
s.match(/yes[^]*day/);
// ["yes\nmake my day"]

Usando una expresión regular con la bandera » y«. La bandera » y» significa que la expresión regular intentará iniciar la coincidencia comenzando en el índice indicado por el valor RegExp.prototype.lastIndex:

var str = '#foo#';
var regex = /foo/y;

regex.lastIndex = 1;
regex.test(str); // true
regex.lastIndex = 5;
regex.test(str); // false
regex.lastIndex;  // 0 (restablecer el valor de la propiedad después de que falle una coincidencia)

Extraer el nombre del subdominio de la URL.

var url = 'http://xyz.domain.com';
console.log(/[^.]+/.exec(url)[0].substr(7)); // 'xyz'

Expresiones regulares y caracteres Unicode

Como se mencionó anteriormente, coincidirá ‎\w o establecerá ‎\W caracteres ASCII (ASCII) únicamente, de la a a la z y de la A a la Z y de 0 a 9 y la policía inferior _.  Para hacer coincidir caracteres de otros idiomas, como mandarín, árabe o cirílico , utilice la fórmula, ‎\uhhhh ya que hhhh es el valor Unicode del carácter en el sistema hexadecimal. Este ejemplo explica cómo extraer caracteres árabes de una cadena de texto que contiene palabras árabes y extranjeras:

var text =  'código javascript para expresiones regulares' ; 
var regex = /[\u0600-\u06FF]+/g;

var match = regex.exec(text);
console.log(match[0]);        
console.log(regex.lastIndex);  // '5'

var match2 = regex.exec(text);
console.log(match2[0]);        // 'sobre' la 
console.log(regex.lastIndex);  // '19'

// Etcétera

Soporte de navegadores

Consulte la página de la propiedad y función de cada objeto para RegExp obtener detalles sobre la compatibilidad del navegador.

• 
  Expresión const en JavaScript
• 
  Expresión let en JavaScript
• 
  Expresión var en JavaScript
• 
  Expresión try…catch en JavaScript
• 
  Expresión throw en JavaScript
• 
  Continue en JavaScript
• 
  Switch en JavaScript
• 
  Expresiones if…else en JavaScript
• 
  Declaración vacía o empty en JavaScript
• 
  Break en JavaScript
• 
  Sentencia block en JavaScript
• 
  Arguments en JavaScript
• 
  Promise en JavaScript
• 
  Number en JavaScript
• 
  Características JSON en JavaScript
• 
  Array en JavaScript
• RegExp en JavaScript
• 
  String en JavaScript
• 
  Date en JavaScript
• 
  Math en JavaScript
• 
  URIError en JavaScript
• 
  TypeError en JavaScript
• 
  SyntaxError en JavaScript
• 
  ReferenceError en JavaScript
• 
  RangeError en JavaScript
• 
  EvalError en JavaScript
• 
  Características Boolean en JavaScript
• 
  Error en JavaScript
• 
  Función Symbol en JavaScript
• 
  Constructor Function en JavaScript
• 
  Constructor Object en JavaScript
• 
  Función unescape()‎ en JavaScript
• 
  Función eval()‎ en JavaScript
• 
  Valor null en JavaScript
• 
  Características Undefined en JavaScript
• 
  Características NaN en JavaScript
• 
  Características Infinity en JavaScript
• 
  Función parseFloat()‎ en JavaScript
• 
  Función isNaN()‎ en JavaScript
• 
  Función isFinite()‎ en JavaScript
• 
  Función escape()‎ en JavaScript
• 
  Función encodeURIComponent()‎ en JavaScript