JavaScript cheatsheet

const name = 'Ada'
`Hello, ${name}!`          // → "Hello, Ada!"
'  hi  '.trim()            // → "hi"
'hello'.includes('ell')    // → true
'a,b,c'.split(',')         // → ["a", "b", "c"]
'hello'.slice(1, 3)        // → "el"

JavaScript Strings cheatsheet

parseInt('42px', 10)       // → 42
(1234.5).toFixed(2)        // → "1234.50"
(1234).toLocaleString()    // → "1,234"
Math.max(1, 2, 3)          // → 3
Number.isInteger(2.5)      // → false

JavaScript Numbers cheatsheet

const list = [1, 2, 3]
list.map(n => n * 2)       // → [2, 4, 6]
list.filter(n => n > 1)    // → [2, 3]
list.find(n => n > 1)      // → 2
list.includes(2)           // → true
[...list, 4]               // → [1, 2, 3, 4]

JavaScript Arrays cheatsheet

const user = { name: 'Ada', age: 36 }
user.name                        // → "Ada"
user['age']                      // → 36
Object.keys(user)                // → ["name", "age"]
Object.entries(user)             // → [["name", "Ada"], ["age", 36]]
const { name, ...rest } = user   // rest → { age: 36 }
({ ...user, age: 37 })           // → { name: "Ada", age: 37 }

JavaScript Objects cheatsheet

const seen = new Set([1, 2, 2])  // → Set {1, 2}
seen.add(3)                      // → Set {1, 2, 3}
seen.has(2)                      // → true
seen.size                        // → 3
[...seen]                        // → [1, 2, 3]

const ages = new Map([['Ada', 36]])
ages.set('Bob', 40)
ages.get('Ada')                  // → 36
ages.has('Bob')                  // → true
[...ages.keys()]                 // → ['Ada', 'Bob']

JavaScript Map and Set cheatsheet

const now = new Date()
now.toISOString()          // → "2026-10-04T00:00:00.000Z"
now.getFullYear()          // → 2026
Date.now()                 // → ms since epoch
new Date(2014, 2, 1)       // → Sat Mar 01 2014 (month 0-indexed)
new Date(0).toISOString()  // → "1970-01-01T00:00:00.000Z"

JavaScript Date cheatsheet

const res = await fetch('/data.json')
const data = await res.json()

const results = await Promise.all([a(), b()])
try {
  await risky()
} catch (err) {
  console.error(err)
}
await new Promise(r => setTimeout(r, 1000))  // wait 1 second

JavaScript Async cheatsheet

new Promise((resolve, reject) => { ... })
promise.then(v => ...).catch(err => ...)
await Promise.all([a(), b()])         // → all results, fails fast
await Promise.allSettled([a(), b()])  // → every result, never rejects
await Promise.race([a(), b()])        // → first settled

Promises cheatsheet

const res = await fetch('/data.json')
res.status                        // → 200
res.ok                            // → true
await res.json()                  // → parsed JSON body
await fetch('/save', {
  method: 'POST',
  body: JSON.stringify(data)
})

fetch() cheatsheet

export const pi = 3.14159
export default class Circle {}
import Circle, { pi } from './math.js'
import * as math from './math.js'
const { Chart } = await import('./chart.js')

JavaScript Modules cheatsheet

const [first, ...rest] = list
const { title, ...others } = book
const fn = (x = 1) => x * 2
const message = `Hello ${name}`
for (const item of items) { ... }

ES2015+ cheatsheet

• JavaScript lazy shortcuts