Comandos para JavaScript

Comandos generales para JavaScript

Función	Código
Comentario en una sola línea de código	//AQUÍ ESTÁ EL COMENTARIO
Comentario en varias líneas de código	/AQUÍ ESTÁ EL COMENTARIO EN VARIAS LÍNEAS DE CÓDIGO/
Definir una variable de uso en ámbito global	var NOMBRE DE LA VARIABLE
Definir una variable de solo uso en el ámbito en el que se encuentra	let NOMBRE DE LA VARIABLE
Definir una variable con colección	var NOMBRE DE LA VARIABLE = [VALOR1, VALOR2, VALOR3, ...]
Solicitar al usuario que introduzca un texto	prompt("MENSAJE AL USUARIO")
Generar una alerta	alert("MENSAJE")
Llamar a la variable	${VARIABLE}
Generar una alerta con llamado a la variable	alert(`MENSAJE ${VARIABLE}`)
Permite seleccionar un elemento del documento por medio del atributo id	document.getElementById()
Muestra un mensaje en consola	console.log()
Muestra un mensaje en consola pero como si fuera un error.	console.error()
Busca el número más grande	Math.max()
Escuchar un evento	addEventListener()

Operadores aritméticos

Operador	Función
+	Suma.
-	Resta.
*	Multiplicación.
/	División.
%	Residuo: Nos dice cuál es el residuo de una división.
**	Elevar un número.

Operadores de asignación

Operador	Función
+=	Asigna el resultado de la suma a la variable.
-=	Asigna el resultado de la resta a la variable.
*=	Asigna el resultado de la multiplicación a la variable.
/=	Asigna el resultado de la división a la variable.
%=	Asigna el residuo obtenido de la división a la variable.

Operadores de concatenación

Función	Manera
Concatenar	+
Texto a concatenar	''
Texto a concatenar	""
Template string: Las comillas invertidas o backstick permiten ingresar variables u operaciones dentro de los backstick. Para ello, escribe el signo del dolar junto a unas llaves y dentro de las llaves colocas las variables u operaciones.	`${}`
%	Residuo: Nos dice cuál es el residuo de una división.
**	Elevar un número.

Operadores de comparación

Operador	Función
==	Verifica si los valores son iguales. Compara solo el valor.
===	Verifica si los valores son estrictamente iguales. Compara el valor y tipo de dato.
!=	Verifica si los valores son diferentes. Compara solo el valor.
!==	Verifica si los valores son diferentes. Compara el valor y tipo de dato.
>	Verifica si un valor es mayor que otro.
>=	Verifica si un valor es mayor o igual que otro.
<	Verifica si un valor es menor que otro.
<=	Verifica si un valor es menor o igual que otro.

Operadores lógicos

Operador	Función
&&	Operador lógico que significa "AND".
\|\|	Operados lógico que significa "OR".

Operadores unarios

Operador	Función
++	Encrementar el valor en +1
--	Decrementar el valor en -1

Operadores ternarios

Operador	Función
let c = b > a ? "¡Es verdad!" : "¡Es falso!"	Pregunta si la comparación es verdad y guarda el valor en la variable si es verdad. El segundo valor se asigna a la variable si el resultado de la comparación no es verdad.

Operadores para JavaScript

Operador Función

typeof Permite conocer el tipo de una variable o expresión.

Operador	Función
typeof	Permite conocer el tipo de una variable o expresión.
`//Ejemplo para typeof let numero = 42; console.log(typeof numero); // "number" let texto = "Hola Mundo"; console.log(typeof texto); // "string" let esVerdad = true; console.log(typeof esVerdad); // "boolean" let objeto = { nombre: "Alice" }; console.log(typeof objeto); // "object" let funcion = function() {}; console.log(typeof funcion); // "function" let indefinido; console.log(typeof indefinido); // "undefined"`


            //Ejemplo para typeof
            
              let numero = 42;
              console.log(typeof numero); // "number"

              let texto = "Hola Mundo";
              console.log(typeof texto); // "string"

              let esVerdad = true;
              console.log(typeof esVerdad); // "boolean"

              let objeto = { nombre: "Alice" };
              console.log(typeof objeto); // "object"

              let funcion = function() {};
              console.log(typeof funcion); // "function"

              let indefinido;
              console.log(typeof indefinido); // "undefined"

Condicionales para JavaScript

Condicional	Función
else if	Es una estructura de control fundamental que se utiliza para ejecutar un bloque de código si una condición específica es verdadera.
`if (condición o expresión) { // Código a ejecutar si condición1 es verdadera } else if (condición2) { // Código a ejecutar si condición2 es verdadera } else { // Código a ejecutar si ninguna de las condiciones anteriores es verdadera }`
switch	Es una estructura de control utilizada para realizar diferentes acciones basadas en diferentes condiciones.
`switch (expresión) { case valor1: // Código a ejecutar cuando el resultado de la expresión coincide con valor1 break; case valor2: // Código a ejecutar cuando el resultado de la expresión coincide con valor2 break; // Puedes tener tantos casos como necesites default: // Código a ejecutar si la expresión no coincide con ninguno de los casos anteriores }`

Ciclos para JavaScript

Ciclo	Función
for	Es una estructura de control que se utiliza para crear un bucle que se ejecuta un número específico de veces.
`for (inicialización; condición; incremento) { // Código a ejecutar en cada iteración del bucle }`
Ejemplo de for	En este ejemplo, el bucle for se inicia con i establecido en 0. Después de cada iteración del bucle, i se incrementa en 1. El bucle se sigue ejecutando mientras i sea menor que 5. Por lo tanto, este bucle imprimirá los valores de i del 0 al 4.
`for (let i = 0; i < 5; i++) { console.log('El valor de i es: ' + i); }`
while	Es una estructura de control que crea un bucle que se ejecuta mientras una condición especificada es verdadera.
`while (condición) { // Código a ejecutar mientras la condición sea verdadera }`
Ejemplo de while	En este ejemplo, la variable i se inicializa antes del bucle. El bucle while revisa si i es menor que 5 antes de cada iteración. Dentro del bucle, se imprime el valor de i y luego i se incrementa. El bucle se ejecutará y continuará imprimiendo valores incrementales de i hasta que i sea igual a 5, momento en el cual la condición se evaluará como falsa y el bucle terminará.
`let i = 0; // Inicialización fuera del bucle while (i < 5) { console.log('El valor de i es: ' + i); i++; // Incremento dentro del cuerpo del bucle }`

Funciones en JavaScript

Tipo de función	Explicación
function	Las funciones en JavaScript son bloques de código diseñados para realizar una tarea particular. Las funciones se ejecutan cuando son invocadas (llamadas). Pueden ser definidas y luego llamadas en cualquier momento y cuantas veces se desee, lo que permite reutilizar código y crear aplicaciones más modulares y mantenibles.
`function nombreDeLaFuncion(parametro1, parametro2, ..., parametroN) { // Código a ejecutar por la función }`
Ejemplo de function	En este ejemplo, saludar es una función que toma un parámetro nombre y ejecuta un bloque de código que imprime un saludo en la consola.
`function saludar(nombre) { console.log('Hola, ' + nombre + '!'); }`
Invocar function	Para ejecutar una función, la invocas utilizando su nombre seguido de paréntesis, opcionalmente pasando los argumentos requeridos.
`saludar('Alice');`

Pseudo-clases para JavaScript

Función	Código
Indica cuando un input ha sido marcado o seleccionado por el visitante	checked

Objeto document

Este objeto representa el documento HTML que se muestra en el navegador web. Es parte del Modelo de Objetos del Documento (DOM, por sus siglas en inglés), que es una representación en forma de árbol de la estructura del documento HTML. El objeto document es la raíz del árbol y proporciona una interfaz para interactuar y manipular el contenido, la estructura y el estilo del documento. El objeto document ofrece una serie de métodos y propiedades que te permiten acceder y manipular elementos del DOM.

Función	Código
Seleccionar un elemento por su atributo id.	getElementById()
Seleccionar todos los elementos con una clase específica.	getElementsByClassName()
Seleccionar todos los elementos con una etiqueta específica.	getElementsByTagName()
Seleccionar el primer elemento que coincida con un selector CSS.	querySelector()
Seleccionar todos los elementos que coincidan con un selector CSS.	querySelectorAll()
Crear un nuevo elemento HTML.	createElement()
Crear un nuevo nodo de texto.	createTextNode()
Agregar un nodo como hijo de otro nodo.	appendChild()
Eliminar un nodo hijo de otro nodo.	removeChild()
Reemplazar un nodo hijo de otro nodo.	replaceChild()
Insertar un nodo antes de otro nodo hijo.	insertBefore()
Permite leer y modificar el contenido HTML de un elemento.	innerHTML()
Permite leer y modificar el contenido de texto de un elemento.	textContent()
Permite establecer el valor de un atributo de un elemento.	setAttribute()
Permite obtener el valor de un atributo de un elemento.	getAttribute()
Permite eliminar un atributo de un elemento.	removeAttribute()
Permite acceder y modificar los estilos CSS en línea de un elemento.	style

document

El HTML

    	

          <!DOCTYPE html>
          <html lang="en">
          <head>
            <meta charset="UTF-8">
             <meta name="viewport" content="width=device-width, initial-scale=1.0">
             <title>Ejemplo de uso de 'document' en JavaScript </title>
           </head>
           <body>
             <p id="miParrafo">Este es un ejemplo de uso de 'document' en JavaScript. </p>

             <button onclick="cambiarContenido()">Cambiar contenido</button>

             <script src="script.js"> </script>
           </body>
           </html>

El JavaScript

En este caso se usará el método getElementById() para seleccionar un elemento del HTML por su nombre de ID y luego textContet() para cambiar el contenido de texto del elemento seleccionado.

    	
        function cambiarContenido() {
          // Selecciona el elemento por su atributo 'id'
          let miParrafo = document.getElementById('miParrafo');

          // Cambia el contenido del elemento seleccionado
          miParrafo.textContent = 'El contenido ha sido cambiado.';
        }

style

Es una propiedad que permite acceder y modificar los estilos CSS en línea de un elemento.

Ejemplo

    	
        // Selecciona el elemento por su atributo 'id'
        let miElemento = document.getElementById('miElemento');

        // Cambia el color de fondo del elemento seleccionado
        miElemento.style.backgroundColor = 'lightblue';

Es decir, luego de style. debes agregar la propiedad de CSS que deseas aplicar al elemento del HTML seleccionado.

Ejemplo

    	
        elemento.style.backgroundColor = 'lightblue';
        elemento.style.fontSize = '24px';
        elemento.style.border = '2px solid red';

Objeto Date

Este objeto representa fechas y horas. Se utiliza para trabajar con información de tiempo y fecha, realizar operaciones de fecha y hora, y manipular y formatear fechas y horas. Algunos de los usos comunes del objeto Date incluyen obtener la fecha y hora actuales, calcular la diferencia entre fechas y convertir fechas en diferentes formatos legibles.

Función	Código
Obtener el año.	getFullYear()
Obtener el mes (0-11, donde 0 es enero y 11 es diciembre).	getMonth()
Obtener el día del mes (1-31).	getDate()
Obtener el día de la semana (0-6, donde 0 es domingo y 6 es sábado).	getDay()
Obtener la hora (0-23).	getHours()
Obtener los minutos (0-59).	getMinutes()
Obtener los segundos (0-59).	getSeconds()
Obtener los milisegundos (0-999).	getMilliseconds()
Obtener el tiempo en milisegundos desde la época Unix (1 de enero de 1970).	getTime()
Establecer el año.	setFullYear()
Establecer el mes (0-11).	setMonth()
Establecer el día del mes (1-31).	setDate()
Establecer la hora (0-23).	setHours()
Establecer los minutos (0-59).	setMinutes()
Establecer los segundos (0-59).	setSeconds()
Establecer los milisegundos (0-999).	setMilliseconds()
Establecer el tiempo en milisegundos desde la época Unix (1 de enero de 1970).	setTime()
Devolver una cadena de texto con la fecha en un formato específico de la ubicación.	toLocaleDateString()
Devolver una cadena de texto con la hora en un formato específico de la ubicación.	toLocaleTimeString()
Devolver una cadena de texto con la fecha y hora en un formato específico de la ubicación..	toLocaleString()

Date

El HTML

    	

          <!DOCTYPE html>
          <html lang="en">
          <head>
            <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <title>Ejemplo de uso de 'Date' en JavaScript</title>
          </head>
          <body>
            <h1>Ejemplo de cómo calcular la edad con el objeto 'Date' en JavaScript</h1>

            <button onclick="calcularEdad()">Calcular edad</button>

            <script src="script.js"></script>
          </body>
          </html>

El JavaScript

Cuando abras el archivo HTML en un navegador y hagas clic en el botón "Calcular edad", se mostrará una alerta con la edad de la persona calculada utilizando el objeto Date en JavaScript. En este ejemplo, creamos dos objetos Date para representar la fecha de nacimiento y la fecha actual, calculamos la diferencia en milisegundos y, finalmente, convertimos la diferencia en años para obtener la edad de la persona.

    	
          function calcularEdad() {
            let fechaNacimiento = new Date('1990-01-01'); // Establece la fecha de nacimiento
            let fechaActual = new Date(); // Obtiene la fecha actual

            let diferenciaEnMilisegundos = fechaActual - fechaNacimiento;
            let milisegundosPorAño = 1000 * 60 * 60 * 24 * 365.25; // Aproximación de la cantidad de milisegundos en un año

            let edad = Math.floor(diferenciaEnMilisegundos / milisegundosPorAño);

            alert(`La edad de la persona es: ${edad} años.`);
          }

Objeto Math

Este objeto realiza operaciones matemáticas básicas y avanzadas. No es un objeto que puedas instanciar, sino un objeto global y estático que puedes usar directamente en tu código.

Función	Código
Retornar el valor de PI (aproximadamente 3.14159).	Math.PI
Retornar la base del logaritmo natural (aproximadamente 2.718).	Math.E
Retornar el valor absoluto del valor ingresado en los paréntesis.	Math.abs()
Redondear el valor ingresado en los paréntesis hacia arriba al entero más cercano.	Math.ceil()
Redondear el valor ingresado en los paréntesis hacia abajo al entero más cercano.	Math.floor()
Redondear el valor ingresado en los paréntesis al entero más cercano.	Math.round()
Retornar el valor más grande entre los argumentos.	Math.max()
Retornar el valor más pequeño entre los argumentos.	Math.min()
Retornar un número pseudoaleatorio entre 0 (inclusive) y 1 (exclusivo).	Math.random()
Retornar el resultado del primer valor elevado a la potencia del segundo valor.	Math.pow()
Retornar la raíz cuadrada del valor ingresado en los paréntesis.	Math.sqrt()
Retornar el seno (en radianes) del ángulo del valor ingresado en los paréntesis.	Math.sin()
Retornar el coseno (en radianes) del ángulo del valor ingresado en los paréntesis.	Math.cos()
Retornar la tangente (en radianes) del ángulo del valor ingresado en los paréntesis.	Math.tan()
Retornar el logaritmo natural (base e) del valor ingresado en los paréntesis.	Math.tan()

Ejemplo

El siguiente código calcula el área de un círculo según su radio.

    	
        function calcularAreaCirculo() {
          let radio = 5; // Establece el radio del círculo
          let area = Math.PI * Math.pow(radio, 2); // Calcula el área del círculo (PI * radio^2)

          console.log(`El área del círculo con radio ${radio} es: ${area.toFixed(2)}`);
        }

Creación de una variable con colección

Este es un ejemplo de una variable que contiene una colección de valores asignados. Cada valor corresponde a una posición de la variable. Este es el método largo de creación de colección.

    	
        var cajitas=[ ];

        cajitas[0]=5;
        cajitas[1]=7;
        cajitas[2]="Artículo para el hogar";

        console.log(cajitas[2]);
        //Este código mostraría en consola la cadena ubicada en la posición 2 de la variable cajitas.

length

Esta propiedad se usa para contar la cantidad de elementos o caracteres que contiene un objeto (podría ser un array o un string).

Ejemplo con un array

    	
        	var frutas = ['manzana', 'banana', 'cereza'];
			console.log(frutas.length);
            // Este fragmento de código mostraría el siguiente resultado en consola: 3

Ejemplo con un string

    	
            var mensaje = '¡Hola, mundo!';
            console.log(mensaje.length); 
            // Este fragmento de código mostraría el siguiente resultado en consola: 13

toUpperCase()

Este método se usa para convertir los caracteres de una cadena o string a mayúsculas.

Ejemplo

    	
        	var mensaje = "Hola, mundo!";
            var mensajeEnMayusculas = mensaje.toUpperCase();
            console.log(mensajeEnMayusculas); 
            // Este fragmento de código mostraría el siguiente resultado en consola: "HOLA, MUNDO!"

toLowerCase()

Este método se usa para convertir los caracteres de una cadena o string a minúsculas.

Ejemplo

    	
            var mensaje = "HOLA, MUNDO!";
            var mensajeEnMinusculas = mensaje.toLowerCase();
            console.log(mensajeEnMinusculas); 
            // Este fragmento de código mostraría el siguiente resultado en consola: "hola, mundo!"

indexOf()

Este método permite encontrar la primera posición de un valor en una cadena o array. Si no encuentra el valor buscado devolverá -1

Ejemplo con un string

    	
        var mensaje = "Hola, mundo!";
        var indice = mensaje.indexOf("mundo");
        console.log(indice); 
        // Este fragmento de código mostraría el siguiente resultado en consola: 6

Ejemplo con un array

    	
        var frutas = ["manzana", "banana", "cereza"];
        var indice = frutas.indexOf("banana");
        console.log(indice); 
        // Este fragmento de código mostraría el siguiente resultado en consola: 1

lastIndexOf()

Este método permite encontrar la última posición de un valor en una cadena o array. Si no encuentra el valor buscado devolverá -1

Ejemplo con un string

    	
        var mensaje = "Hola, mundo! Adiós, mundo!";
        var indice = mensaje.lastIndexOf("mundo");
        console.log(indice); 
        // Este fragmento de código mostraría el siguiente resultado en consola: 20

Ejemplo con un array

    	
        var frutas = ["manzana", "banana", "cereza", "banana"];
        var indice = frutas.lastIndexOf("banana");
        console.log(indice); 
        // Este fragmento de código mostraría el siguiente resultado en consola: 3

slice()

Este método permite extraer una porción o subconjunto de una cadena o array. Este método no modifica el string o array original. Si omites el segundo argumento, slice() extraerá desde el índice de inicio hasta el final de la cadena o el array. Si proporcionas índices negativos, estos se contarán desde el final del objeto.

Ejemplo con un string

    	
        var mensaje = "Hola, mundo!";
        var subcadena = mensaje.slice(0, 4);
        console.log(subcadena); 
        // Este fragmento de código mostraría el siguiente resultado en consola: "Hola"

Ejemplo con un array

    	
        var frutas = ["manzana", "banana", "cereza", "kiwi", "mango"];
        var algunasFrutas = frutas.slice(1, 4);
        console.log(algunasFrutas); 
        // Este fragmento de código mostraría el siguiente resultado en consola: ["banana", "cereza", "kiwi"]

substring()

Este método permite extraer una porción o subconjunto de una cadena. Este método no modifica el string original. toma dos argumentos: el índice de inicio (inclusivo) y el índice final (exclusivo) de la subcadena que deseas extraer. Si no se proporciona el segundo argumento, extraerá desde el índice de inicio hasta el final de la cadena. no acepta índices negativos. Si proporcionas un índice negativo, lo tratará como si fuera 0. Si el índice de inicio es mayor que el índice final, el método intercambiará automáticamente los dos argumentos, extrayendo la subcadena desde el índice final hasta el índice de inicio.

Ejemplo

    	
        var mensaje = "Hola, mundo!";
        var subcadena = mensaje.substring(0, 4);
        console.log(subcadena);
        // Este fragmento de código mostraría el siguiente resultado en consola: "Hola"

substr()

Este método permite extraer una porción o subconjunto de una cadena a partir de un índice de inicio y una longitud específica. Utiliza un índice de inicio y un número de caracteres a extraer. Si no se proporciona el argumento de cantidad de caracteres a extraes (es el segundo argumento), se extraerá desde el índice de inicio hasta el final de la cadena.

Ejemplo

    	
        var mensaje = "Hola, mundo!";
        var subcadena = mensaje.substr(0, 4);
        console.log(subcadena);
        // Este fragmento de código mostraría el siguiente resultado en consola: "Hola"

sort()

Este método ordena los elementos del array como cadenas de caracteres, lo que puede producir resultados inesperados para arrays de números. Si necesitas un criterio de ordenación personalizado, puedes proporcionar una función de comparación como argumento.

Ejemplo

    	
        let frutas = ['manzana', 'banana', 'kiwi'];
        frutas.sort();
        console.log(frutas); 
        // Este fragmento de código mostraría el siguiente resultado en consola: ["banana", "kiwi", "manzana"]

join()

Este método convierte un array en una cadena de caracteres, uniendo todos sus elementos en una sola cadena utilizando un separador opcional que se especifica como argumento. Si no se proporciona un separador, se utilizará una coma (,) por defecto.

Ejemplo

    	
        let frutas = ['manzana', 'banana', 'kiwi'];
        let frutasCadena = frutas.join(' - ');
        console.log(frutasCadena); 
        // Este fragmento de código mostraría el siguiente resultado en consola: "manzana - banana - kiwi"

pop()

Este método elimina y devuelve el último elemento de un array. Si el array está vacío, pop() devuelve undefined.

Ejemplo

    	
        let frutas = ['manzana', 'banana', 'kiwi'];
        let ultimaFruta = frutas.pop();
        console.log(ultimaFruta); // Este fragmento de código mostraría el siguiente resultado en consola: "kiwi"
        console.log(frutas); // Este fragmento de código mostraría el siguiente resultado en consola: ["manzana", "banana"]

push()

Este método agrega uno o más elementos al final de un array y devuelve la nueva longitud del array.

Ejemplo

    	
        let frutas = ['manzana', 'banana'];
        let nuevaLongitud = frutas.push('kiwi', 'uva');
        console.log(frutas); // Este fragmento de código mostraría el siguiente resultado en consola: ["manzana", "banana", "kiwi", "uva"]
        console.log(nuevaLongitud); // Este fragmento de código mostraría el siguiente resultado en consola: 4

test()

Este método determina si una cadena contiene una coincidencia con la expresión regular. El método test() devuelve un valor booleano: true si la cadena contiene al menos una coincidencia y false en caso contrario.

La i después de la barra diagonal (/) y al final de la expresión es un modificador, también conocido como bandera. La bandera i hace que la expresión regular sea insensible a mayúsculas y minúsculas (case-insensitive). Esto significa que la expresión regular buscará coincidencias sin importar si los caracteres son mayúsculas o minúsculas. Cuando se utiliza la bandera i en la expresión regular /javascript/i, la búsqueda de la palabra "javascript" en una cadena no distinguirá entre mayúsculas y minúsculas. Por lo tanto, encontrará coincidencias con "javascript", "JavaScript", "JAVASCRIPT" y cualquier otra combinación de mayúsculas y minúsculas.

Ejemplo

    	
        var patron = /javascript/i; // Expresión regular para buscar la palabra "javascript" sin importar mayúsculas/minúsculas
        var mensaje1 = "Aprendiendo JavaScript";
        var mensaje2 = "Aprendiendo otro lenguaje";

        // Comprobar si cada mensaje contiene la palabra "javascript"
        var resultado1 = patron.test(mensaje1);
        var resultado2 = patron.test(mensaje2);

        console.log(resultado1); // Output: true (mensaje1 contiene "JavaScript")
        console.log(resultado2); // Output: false (mensaje2 no contiene "javascript")

Metacaracteres en expresiones regulares en JavaScript

    	
		^ Indica el inicio de la cadena. Si colocas este símbolo al principio de una expresión regular, buscarás coincidencias que comiencen con el patrón especificado. 
        Por ejemplo, /^hola/ buscará coincidencias que comiencen con "hola".

		$ Indica el final de la cadena. Si colocas este símbolo al final de una expresión regular, buscarás coincidencias que terminen con el patrón especificado.
        Por ejemplo, /mundo$/ buscará coincidencias que terminen con "mundo".

		. Coincide con cualquier carácter individual, excepto los caracteres de nueva línea. Por ejemplo, /h.la/ coincidirá con "hola", "h1la", "h_la", etc.

		* Coincide con cero o más ocurrencias del carácter o grupo anterior. Por ejemplo, /ho*l/ coincidirá con "hl", "hol", "hool", "hooooool", etc.

		+ Coincide con una o más ocurrencias del carácter o grupo anterior. Por ejemplo, /ho+l/ coincidirá con "hol", "hool", "hooooool", etc., pero no con "hl".

		? Coincide con cero o una ocurrencia del carácter o grupo anterior. Por ejemplo, /ho?l/ coincidirá con "hl" y "hol", pero no con "hool".

		{n} Coincide exactamente con n ocurrencias del carácter o grupo anterior. Por ejemplo, /ho{2}l/ coincidirá solo con "hool".

		{n,m} Coincide con al menos n y como máximo m ocurrencias del carácter o grupo anterior. Por ejemplo, /ho{1,3}l/ coincidirá con "hol", "hool" y "hooool".

		[...] Define un conjunto de caracteres. Coincide con cualquier carácter dentro de los corchetes. Por ejemplo, /h[aeiou]l/ coincidirá con "hal", "hel", "hil", "hol" y "hul".

		[^...] Define un conjunto de caracteres negado. Coincide con cualquier carácter que no esté dentro de los corchetes. 
        Por ejemplo, /h[^aeiou]l/ coincidirá con cualquier palabra que tenga la forma "h_l", pero no contiene ninguna vocal entre la "h" y la "l".

		\d Coincide con cualquier dígito decimal (0-9). Es equivalente a [0-9].

		\D Coincide con cualquier carácter que no sea un dígito decimal. Es equivalente a [^0-9].

		\w Coincide con cualquier carácter alfanumérico o guion bajo (_). Es equivalente a `[A-Za-z0
        
        | Este metacarácter representa una alternativa (OR) entre dos patrones. Si utilizas el símbolo | entre dos patrones, la expresión regular buscará coincidencias con cualquiera de los dos patrones. 
        Por ejemplo, /manzana|banana/ coincidirá con las cadenas que contengan "manzana" o "banana".

		[mbs] Los corchetes [ ] definen un conjunto de caracteres. La expresión regular buscará coincidencias con cualquier carácter dentro de los corchetes. En este caso, [mbs] coincidirá con "m", "b" o "s".
        Si deseas buscar coincidencias con palabras completas, puedes utilizar un patrón como este: /(manzana|banana|sandía)/.

		\w Como mencioné anteriormente, \w es un metacarácter que coincide con cualquier carácter alfanumérico o guion bajo (_). Es equivalente a [A-Za-z0-9_]. Por ejemplo, /\w+/ coincidirá con cualquier secuencia de caracteres alfanuméricos y guiones bajos en una cadena.

		\b Este metacarácter representa un límite de palabra, que es la posición entre un carácter alfanumérico y un carácter no alfanumérico, o entre un carácter alfanumérico y el inicio/final de la cadena. Utilizar \b en una expresión regular te permite buscar coincidencias con palabras completas. Por ejemplo, /\\bmanzana\\b/ coincidirá solo con la palabra "manzana" y no con cadenas como "supermanzana" o "manzanita".

Comandos para JavaScript

Comandos generales para JavaScript

Operadores aritméticos

Operadores de asignación

Operadores de concatenación

Operadores de comparación

Operadores lógicos

Operadores unarios

Operadores ternarios

Operadores para JavaScript

Condicionales para JavaScript

Ciclos para JavaScript

Funciones en JavaScript

Pseudo-clases para JavaScript

Objeto document

document

El HTML

El JavaScript

style

Ejemplo

Ejemplo

Objeto Date

Date

El HTML

El JavaScript

Objeto Math

Ejemplo

Creación de una variable con colección

length

Ejemplo con un array

Ejemplo con un string

toUpperCase()

Ejemplo

toLowerCase()

Ejemplo

indexOf()

Ejemplo con un string

Ejemplo con un array

lastIndexOf()

Ejemplo con un string

Ejemplo con un array

slice()

Ejemplo con un string

Ejemplo con un array

substring()

Ejemplo

substr()

Ejemplo

sort()

Ejemplo

join()

Ejemplo

pop()

Ejemplo

push()

Ejemplo

test()

Ejemplo

Metacaracteres en expresiones regulares en JavaScript

Comentarios

Buscar en este blog

Categoría destacada

Ads

Etiquetas

Posts populares

Categorías

Ads

Archivo

Categorías