Bookmark this page
Press Ctrl+D (Windows) or Cmd+D (Mac) to bookmark this page.
🟨 JavaScript

JavaScript Cheat Sheet

JavaScript shortcuts for variables, arrays, DOM work, async code, and fetch requests.

const vs letArray methodsDOM basicsAsync / await

Variables and functions

const name = "Alex";
let count = 0;

function greet(user) {
  return `Hi, ${user}`;
}

const sum = (a, b) => a + b;

Arrays

const nums = [1, 2, 3];
nums.push(4);
nums.map(n => n * 2);
nums.filter(n => n > 2);
nums.find(n => n === 3);

DOM and events

const btn = document.querySelector("#save");
btn.addEventListener("click", () => {
  document.body.classList.toggle("saved");
});

document.getElementById("title").textContent = "Updated";

Async and fetch

async function loadData() {
  const res = await fetch("/api/data");
  const data = await res.json();
  console.log(data);
}

Objects and storage

const user = { name: "Alex", role: "admin" };
const { name, role } = user;
const copy = { ...user, active: true };

localStorage.setItem("theme", "dark");
const theme = localStorage.getItem("theme");
console.log(theme);
✓ Copied!