Scribd
Cargar
14 vistas

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
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
14 vistas

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
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