Aide-mémoire JavaScript
Une référence du JavaScript moderne, consultable et imprimable : syntaxe, tableaux, chaînes, objets, async/await, DOM et fonctionnalités ES2022+. Gratuit.
Variables & types
10let 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
9function 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
11arr.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
9Object.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
9async 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
9if (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
10document.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
9class 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
Aucune entrée ne correspond à « :q ».
À propos de Aide-mémoire JavaScript
Cet aide-mémoire JavaScript est une référence consultable sur une seule page pour le langage moderne : variables et types, fonctions, chaînes, tableaux, objets, async et promesses, structures de contrôle, DOM et événements, ainsi que classes et modules. Chaque entrée associe un extrait de code réel à une explication d'une ligne de ce qu'il fait.
Il est écrit pour le JavaScript que les gens utilisent réellement aujourd'hui (let et const, fonctions fléchées, déstructuration, spread, chaînage optionnel, littéraux de gabarit, async/await et modules ES) ce qui en fait aussi un rappel rapide lorsque vous revenez d'un autre langage.
Toute la fiche se charge côté client et est gratuite. Filtrez-la en direct avec la zone de recherche, passez d'une section à l'autre depuis le sommaire fixe, cliquez sur n'importe quel extrait pour le copier, et imprimez la page pour une référence JavaScript sur votre bureau.
Comment utiliser Aide-mémoire JavaScript
- Ouvrez la fiche et parcourez la liste des sections : de Variables et types jusqu'à DOM et événements, en passant par Classes et modules.
- Tapez dans la zone de recherche pour filtrer chaque ligne en direct ; le compteur de correspondances indique combien d'extraits correspondent.
- Utilisez le sommaire fixe pour accéder directement à une section comme Async et promesses.
- Cliquez sur un extrait, ou sur son icône de copie, pour copier le code dans votre presse-papiers.
- Cliquez sur Imprimer pour obtenir une copie propre et adaptée au papier de toute la référence.
Questions fréquentes
Neuf sections : variables et types, fonctions, chaînes, tableaux, objets, async et promesses, structures de contrôle, DOM et événements, ainsi que classes et modules : chacune sous forme d'extraits prêts à copier avec de courtes descriptions.
Oui. Les extraits utilisent la syntaxe actuelle (let/const, fonctions fléchées, déstructuration, chaînage optionnel, async/await, classes et modules ES) reflétant le JavaScript ES2022+ plutôt que des schémas obsolètes.
Oui. En cliquant sur n'importe quel extrait de code, ou sur l'icône de copie qui apparaît au survol d'une ligne, il est immédiatement placé dans votre presse-papiers avec une brève confirmation « Copié ! ».
Oui. Le bouton Imprimer produit une mise en page propre où la barre de recherche, la navigation et les boutons sont retirés, afin que les pages imprimées ne contiennent que les extraits et leurs descriptions.
Oui. Il est gratuit, se charge entièrement dans votre navigateur, et ne nécessite aucun compte.
Recherches populaires
aide-memoire javascript
aide-memoire js
méthodes de tableau javascript
méthodes de chaîne javascript
promesses et async await javascript
méthodes d'objet javascript
méthodes dom js
référence de syntaxe javascript
Besoin d'aide ?
Un problème avec cet outil ? Signalez-le à notre équipe.