Aide-mémoire JavaScript : la syntaxe et les méthodes

if (a) { … } else if (b) { … } else { … }
switch (x) { case 'A': … break; default: … }
for (let i = 0; i < t.length; i++) { … }
for (const element of tableau) { … }       // tableaux, chaînes, Map, Set
for (const cle in objet) { … }             // propriétés d'un objet
while (condition) { … }
break;      // sortir de la boucle
continue;   // passer au tour suivant

function nom(a, b = 0, ...reste) { return a + b; }
const f = (x) => x * 2;                    // retour implicite
const g = (p) => ({ ref: p.ref });         // renvoyer un objet : parenthèses
const h = ({ ref, quantite = 0 }) => …;    // décomposition des paramètres
setTimeout(() => { … }, 1000);             // callback

const p = { ref: 'SSD-512', quantite: 12 };
p.quantite; p['quantite'];                    // lire
const copie = { ...p, quantite: 11 };         // copier en modifiant (copie superficielle)
const profonde = structuredClone(p);          // copie complète
const { ref, quantite: q = 0 } = p;           // décomposer
Object.keys(p); Object.values(p); Object.entries(p);
Object.fromEntries(paires);
JSON.stringify(valeur, null, 2);              // objet → texte JSON
JSON.parse(texte);                            // texte JSON → objet (SyntaxError si invalide)
const s = new Set(); s.add(x); s.has(x); s.size;
const m = new Map(); m.set(cle, v); m.get(cle); m.has(cle);
new Intl.NumberFormat('fr-FR', { style: 'currency', currency: 'EUR' }).format(42.9);   // '42,90 €'
new Intl.DateTimeFormat('fr-FR', { dateStyle: 'short' }).format(date);                 // '02/11/2026'

el.addEventListener('click', (event) => { … });
form.addEventListener('submit', (event) => {
  event.preventDefault();
  const saisie = Object.fromEntries(new FormData(form));   // valeurs = chaînes
});
champ.addEventListener('input', () => { … });               // à chaque frappe
parent.addEventListener('click', (event) => {               // délégation
  const b = event.target.closest('button[data-action]');
  if (!b) return;
});
/^[A-Z]{3}-\d{2,3}$/.test(texte);                           // regex : ^ début, $ fin

localStorage.setItem('app.cle', JSON.stringify(donnees));
const donnees = JSON.parse(localStorage.getItem('app.cle'));   // null si absente
localStorage.removeItem('app.cle');

async function charger(url) {
  let reponse;
  try {
    reponse = await fetch(url, { headers: { Accept: 'application/json' }, signal: AbortSignal.timeout(5000) });
  } catch (erreur) {
    throw new Error('Serveur injoignable.', { cause: erreur });   // pas de réponse
  }
  if (!reponse.ok) throw new Error(`Erreur HTTP ${reponse.status}`);   // 4xx, 5xx
  return reponse.json();
}

await fetch(url, {
  method: 'POST',
  headers: { 'Content-Type': 'application/json' },
  body: JSON.stringify(objet),
});

const [a, b] = await Promise.all([charger(u1), charger(u2)]);   // en parallèle

export function f() {}                  // export nommé
export default function g() {}          // export par défaut
import g, { f } from './fichier.js';    // chemin complet, avec ./ et .js
// <script type="module" src="js/main.js"></script>

class Piece extends Base {
  static MAX = 99;
  #quantite = 0;                        // champ privé
  constructor(ref) { super(); this.ref = ref; }
  get quantite() { return this.#quantite; }
  ajouter(n = 1) { this.#quantite += n; }
}