GUÍA · APRENDERJAVASCRIPT

Chuleta de JavaScript para consultar

Sintaxis que conviene tener a mano: expresiones pequeñas para copiar, ejecutar y comprender.

Variables y tipos

const nombre = 'Ada';
let intentos = 0;
console.log(typeof nombre); // string

Condicionales

if (edad >= 18) {
  console.log('Mayor de edad');
} else {
  console.log('Menor de edad');
}

Arrays

const n = [1, 2, 3];
const dobles = n.map(x => x * 2);
const pares = n.filter(x => x % 2 === 0);
const suma = n.reduce((a, b) => a + b, 0);

Funciones

function sumar(a, b) {
  return a + b;
}
const triple = n => n * 3;

DOM

const titulo = document.querySelector('h1');
if (titulo) titulo.textContent = 'Hola';
document.querySelector('button')?.addEventListener('click', () => {
  console.log('Pulsado');
});

Promesas y fetch

async function obtener(url) {
  const respuesta = await fetch(url);
  if (!respuesta.ok) throw new Error('HTTP ' + respuesta.status);
  return respuesta.json();
}

Los ejemplos de DOM y fetch requieren un navegador y, en el segundo caso, conectividad y permisos adecuados. Puedes usar la función imprimir de tu navegador para guardar esta página como PDF.