Scribd
Cargar
23 vistas7 páginas

Cheat Sheet (JavaScript)

La hoja de trucos de JavaScript cubre aspectos fundamentales como la declaración de variables, tipos de datos, operadores, estructuras de control, bucles, arrays, objetos, funciones, manipulación del DOM, asincronía, promesas, JSON y la API Fetch. Se presentan ejemplos de código para ilustrar cada concepto, facilitando la comprensión y aplicación de JavaScript. Este recurso es útil para programadores que buscan un resumen rápido de las características clave del lenguaje.

Cargado por

saracoartediez
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
23 vistas7 páginas

Cheat Sheet (JavaScript)

La hoja de trucos de JavaScript cubre aspectos fundamentales como la declaración de variables, tipos de datos, operadores, estructuras de control, bucles, arrays, objetos, funciones, manipulación del DOM, asincronía, promesas, JSON y la API Fetch. Se presentan ejemplos de código para ilustrar cada concepto, facilitando la comprensión y aplicación de JavaScript. Este recurso es útil para programadores que buscan un resumen rápido de las características clave del lenguaje.

Cargado por

saracoartediez
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 7

Cheat sheet (JavaScript)

Creadas @8 de marzo de 2025 13:06

Asignatura LENGUAJE DE MARCAS

📌 JavaScript Cheat Sheet


1️⃣ Variables y Tipos de Datos
Declaración de variables

let x = 10; // Variable modificable


const y = 20; // Constante
var z = 30; // (No recomendado)

Tipos de datos primitivos

let cadena = "Hola"; // String


let numero = 10; // Number
let bool = true; // Boolean
let nulo = null; // Null
let indefinido; // Undefined
let bigInt = 9007199254740991n; // BigInt
let simbolo = Symbol("id"); // Symbol

2️⃣ Operadores Básicos


// Aritméticos
let suma = 5 + 3; // 8
let resta = 5 - 3; // 2

Cheat sheet (JavaScript) 1


let multi = 5 * 3; // 15
let div = 10 / 2; // 5
let mod = 10 % 3; // 1
let exp = 2 ** 3; // 8

// Comparaciones
console.log(5 == "5"); // true (compara valor)
console.log(5 === "5"); // false (compara tipo y valor)
console.log(5 !== 3); // true
console.log(5 > 3); // true

// Lógicos
console.log(true && false); // false
console.log(true || false); // true
console.log(!true); // false

3️⃣ Estructuras de Control


Condicionales

if (x > 10) {
console.log("Mayor a 10");
} else if (x === 10) {
console.log("Es 10");
} else {
console.log("Menor a 10");
}

Operador Ternario

let resultado = (x > 10) ? "Mayor" : "Menor o igual";

Switch

switch(dia) {
case "Lunes":

Cheat sheet (JavaScript) 2


console.log("Inicio de semana");
break;
case "Viernes":
console.log("Fin de semana");
break;
default:
console.log("Día normal");
}

4️⃣ Bucles
For

for (let i = 0; i < 5; i++) {


console.log(i);
}

While

let i = 0;
while (i < 5) {
console.log(i);
i++;
}

ForEach (Arreglos)

let nums = [10, 20, 30];


nums.forEach(num => console.log(num));

Map (Transformación)

let doble = nums.map(num => num * 2);


console.log(doble); // [20, 40, 60]

Cheat sheet (JavaScript) 3


5️⃣ Arrays y Objetos
Métodos de Arrays

let arr = [1, 2, 3, 4, 5];

arr.push(6); // Agregar al final


arr.pop(); // Eliminar el último
arr.unshift(0); // Agregar al inicio
arr.shift(); // Eliminar el primero
arr.splice(2, 1); // Elimina 1 elemento desde índice 2
console.log(arr.includes(3)); // true
console.log(arr.indexOf(4)); // 2
console.log(arr.reverse()); // Invierte el array
console.log(arr.sort()); // Ordena

Objetos en JS

let persona = {
nombre: "Ana",
edad: 25,
ciudad: "Madrid"
};
console.log(persona.nombre); // Ana
persona.pais = "España"; // Agregar nueva propiedad

6️⃣ Funciones
Declaración clásica

function saludar(nombre) {
return `Hola, ${nombre}`;
}
console.log(saludar("Carlos"));

Función Flecha (Arrow Function)

Cheat sheet (JavaScript) 4


const sumar = (a, b) => a + b;
console.log(sumar(2, 3)); // 5

Funciones Anónimas

const mensaje = function() {


console.log("Hola Mundo");
};
mensaje();

7️⃣ Manipulación del DOM


Seleccionar elementos

let elem = document.getElementById("miDiv");


let elems = document.querySelectorAll(".miClase");

Modificar contenido

elem.textContent = "Nuevo Texto";


elem.innerHTML = "<b>Texto en negrita</b>";

Eventos

elem.addEventListener("click", () => alert("Clickeado!"));

8️⃣ Asincronía y Promesas


SetTimeout y SetInterval

setTimeout(() => console.log("Después de 3s"), 3000);


let intervalo = setInterval(() => console.log("Cada 2s"), 2000);
clearInterval(intervalo); // Detener

Cheat sheet (JavaScript) 5


Promesas

const promesa = new Promise((resolve, reject) => {


let exito = true;
if (exito) resolve("Operación exitosa");
else reject("Error en la operación");
});

promesa
.then(resultado => console.log(resultado))
.catch(error => console.log(error));

Async/Await

async function obtenerDatos() {


try {
let respuesta = await fetch("https://api.example.com/data");
let datos = await respuesta.json();
console.log(datos);
} catch (error) {
console.log("Error:", error);
}
}

9️⃣ JSON (Intercambio de Datos)


Convertir objeto a JSON

let obj = { nombre: "Ana", edad: 25 };


let jsonStr = JSON.stringify(obj);
console.log(jsonStr); // '{"nombre":"Ana","edad":25}'

Convertir JSON a objeto

let jsonObj = JSON.parse(jsonStr);


console.log(jsonObj.nombre); // Ana

Cheat sheet (JavaScript) 6


🔟 Fetch API (Peticiones HTTP)
fetch("https://jsonplaceholder.typicode.com/posts/1")
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error("Error:", error));

Cheat sheet (JavaScript) 7

También podría gustarte