Scheda di Riferimento JavaScript

Tutti gli strumenti
Gratuito

Un riferimento ricercabile e stampabile del JavaScript moderno — sintassi, array, stringhe, oggetti, async/await, DOM e funzionalità ES2022+. Gratis.

Variables & types

10
let x = 1;
Block-scoped, reassignable variable
const PI = 3.14;
Block-scoped constant binding
typeof value
Returns the type as a string
Number('42')
Convert a string to a number
String(42)
Convert a value to a string
parseInt('42px', 10)
Parse a leading integer (base 10)
Boolean(0)
Coerce a value to true/false
value ?? 'default'
Nullish coalescing (null/undefined only)
a?.b?.c
Optional chaining, short-circuits on null
Array.isArray(x)
Check whether a value is an array

Functions

9
function add(a, b) { return a + b; }
Named function declaration
const add = (a, b) => a + b;
Arrow function with implicit return
const f = (a = 1) => a;
Default parameter value
function f(...args) {}
Rest parameters collect into an array
f(...arr)
Spread an array into arguments
const { a, b } = obj;
Object destructuring
const [x, y] = arr;
Array destructuring
(function(){})()
Immediately-invoked function (IIFE)
fn.bind(this)
Bind a fixed this context

Strings

10
`Hello ${name}`
Template literal interpolation
str.length
Number of characters
str.includes('a')
Check if a substring exists
str.slice(0, 3)
Extract part of a string
str.replace(/a/g, 'b')
Replace matches (regex)
str.split(',')
Split into an array
str.trim()
Remove surrounding whitespace
str.toUpperCase()
Convert to upper case
str.padStart(3, '0')
Pad the start to a length
str.at(-1)
Character at index (supports negatives)

Arrays

11
arr.map(x => x * 2)
Transform each element
arr.filter(x => x > 0)
Keep matching elements
arr.reduce((a, b) => a + b, 0)
Reduce to a single value
arr.find(x => x.id === 1)
First matching element
arr.some(x => x > 0)
True if any element matches
arr.every(x => x > 0)
True if all elements match
arr.includes(3)
Check for a value
arr.sort((a, b) => a - b)
Numeric ascending sort
[...new Set(arr)]
Remove duplicate values
arr.flat(Infinity)
Fully flatten nested arrays
arr.at(-1)
Last element (negative index)

Objects

9
Object.keys(obj)
Array of own enumerable keys
Object.values(obj)
Array of own values
Object.entries(obj)
Array of [key, value] pairs
{ ...a, ...b }
Merge objects (spread)
Object.assign({}, a, b)
Copy/merge into a target
Object.freeze(obj)
Make an object immutable
{ [key]: value }
Computed property name
obj.hasOwnProperty('x')
Check for an own property
structuredClone(obj)
Deep clone an object

Async & promises

9
async function f() {}
Declare an async function
await fetch(url)
Pause until a promise resolves
Promise.all([p1, p2])
Wait for all to resolve
Promise.allSettled([p1, p2])
Wait for all to settle
Promise.race([p1, p2])
Resolve with the first to settle
new Promise((res, rej) => {})
Create a promise manually
try { await f(); } catch (e) {}
Handle async errors
setTimeout(fn, 1000)
Run after a delay (ms)
queueMicrotask(fn)
Schedule a microtask

Control flow

9
if (a) {} else if (b) {} else {}
Conditional branches
a ? b : c
Ternary expression
switch (x) { case 1: break; }
Multi-way branch
for (const x of arr) {}
Iterate values (iterables)
for (const k in obj) {}
Iterate object keys
while (cond) {}
Loop while a condition holds
arr.forEach((x, i) => {})
Run a callback per element
break / continue
Exit or skip a loop iteration
label: for (...) { break label; }
Break out of nested loops

DOM & events

10
document.querySelector('.x')
First matching element
document.querySelectorAll('.x')
All matching elements (NodeList)
el.addEventListener('click', fn)
Attach an event listener
el.classList.toggle('active')
Toggle a CSS class
el.dataset.id
Read a data-id attribute
el.textContent = 'hi'
Set text safely (no HTML)
el.setAttribute('aria-hidden', true)
Set an attribute
e.preventDefault()
Cancel the default action
el.closest('.parent')
Nearest matching ancestor
document.createElement('div')
Create a new element

Classes & modules

9
class A extends B {}
Class with inheritance
constructor() { super(); }
Initialize and call the parent
#private = 1;
Private class field
static create() {}
Static method on the class
get value() {}
Getter accessor
export default fn;
Default module export
export { a, b };
Named module exports
import x, { y } from './m.js'
Default + named imports
const m = await import('./m.js')
Dynamic import

Nessuna voce corrisponde a “:q”.

Informazioni su Scheda di Riferimento JavaScript

Questo prontuario JavaScript è un riferimento ricercabile su una singola pagina al linguaggio moderno: variabili e tipi, funzioni, stringhe, array, oggetti, async e promise, controllo di flusso, DOM ed eventi, e classi e moduli. Ogni voce abbina uno snippet di codice reale a una spiegazione di una riga di ciò che fa.

È scritto per il JavaScript che le persone effettivamente usano oggi: let e const, arrow function, destrutturazione, spread, optional chaining, template literal, async/await e moduli ES, così funge anche da rapido ripasso quando torni da un altro linguaggio.

L'intero prontuario si carica lato client ed è gratuito. Filtralo dal vivo con la casella di ricerca, salta tra le sezioni dal sommario fisso, clicca qualsiasi snippet per copiarlo, e stampa la pagina per un riferimento JavaScript da scrivania.

Come usare Scheda di Riferimento JavaScript

  1. Apri il prontuario e scorri l'elenco delle sezioni, da Variabili e tipi fino a DOM ed eventi, passando per Classi e moduli.
  2. Digita nella casella di ricerca per filtrare ogni riga dal vivo; il contatore dei risultati mostra quanti snippet corrispondono.
  3. Usa il sommario fisso per saltare direttamente a una sezione come Async e promise.
  4. Clicca uno snippet, o la sua icona di copia, per copiare il codice negli appunti.
  5. Clicca Stampa per una copia pulita e adatta alla carta dell'intero riferimento.

Domande frequenti

Nove sezioni: variabili e tipi, funzioni, stringhe, array, oggetti, async e promise, controllo di flusso, DOM ed eventi, e classi e moduli, ciascuna come snippet pronti da copiare con brevi descrizioni.

Sì. Gli snippet usano sintassi attuale: let/const, arrow function, destrutturazione, optional chaining, async/await, classi e moduli ES, riflettendo il JavaScript ES2022+ piuttosto che schemi legacy.

Sì. Cliccando qualsiasi snippet di codice, o l'icona di copia che appare passando sopra una riga, viene messo immediatamente negli appunti con una breve conferma "Copiato!".

Sì. Il pulsante Stampa produce un layout pulito con la barra di ricerca, la navigazione e i pulsanti rimossi, così le pagine stampate contengono solo gli snippet e le loro descrizioni.

Sì. È gratuito, si carica interamente nel tuo browser e non richiede account.
Condividi
Strumenti correlati
Scheda di Riferimento CSS Un riferimento ricercabile e stampabile di CSS — selettori, box model, flexbox, grid, tipografia, transizioni e funzionalità moderne. Gratis. Gratuito
Scheda di Riferimento PHP Un riferimento ricercabile e stampabile di PHP 8.3+ — sintassi, stringhe, array, funzioni, classi, enum, attributi e funzionalità moderne. Gratis. Gratuito
Scheda di Riferimento Python Un riferimento ricercabile e stampabile di Python 3 — sintassi, strutture dati, comprehension, funzioni, classi, file e libreria standard. Gratis. Gratuito
Scheda di Riferimento MySQL Un riferimento ricercabile e stampabile di MySQL — query, join, indici, funzioni, tipi di dati e comandi di amministrazione. Gratis. Gratuito
Scheda di Riferimento Shell Un riferimento ricercabile e stampabile di Bash / shell — navigazione, file, pipe, variabili, cicli, condizioni e pratiche one-liner. Gratis. Gratuito
Scheda di Riferimento SSH Un riferimento ricercabile e stampabile di SSH — connessione, chiavi, configurazione, tunneling, SCP/SFTP e agent forwarding. Gratis. Gratuito
Ricerche popolari
javascript cheat sheet js cheat sheet javascript array methods javascript string methods javascript promises and async await javascript object methods js dom methods javascript syntax reference
Hai bisogno di aiuto?
Hai riscontrato un problema con questo strumento? Faccelo sapere.
Segnala un problema

Aggiungi questo strumento gratuito al tuo sito web — copia e incolla il codice qui sotto.