🔍 Recherche

• str.includes("text") : Contient ?
• str.startsWith("abc") : Commence par ?
• str.endsWith("xyz") : Finit par ?
• str.indexOf("text") : Position (ou -1)

✂️ Extraction

• str.slice(0, 5) : Prend de 0 à 5
• str.substring(0, 5) : Similaire slice
• str.split(",") : Découpe en Array
• str.charAt(0) : Caractère à index

✨ Transformation

• str.trim() : Retire espaces tour
• str.toUpperCase() : MAJUSCULE
• str.toLowerCase() : minuscule
• str.replace("a", "b") : Remplace 1er

🔓 Destructuring

const user = { name: "Alice", age: 25 };
// Extraction
const { name, age } = user;
// Renommage
const { name: nom } = user;
// Valeur par défaut
const { role = "guest" } = user;

✨ Spread Operator

const a = { x: 1, y: 2 };
// Clone (shallow)
const b = { ...a };
// Merge
const c = { ...a, z: 3 };
// Override
const d = { ...a, x: 99 };

🌍 Window & Screen

• innerWidth/Height : Taille viewport
• outerWidth/Height : Taille fenêtre nav
• screen.width/height : Résolution écran
• scrollTo(x, y) : Défilement
• alert/confirm/prompt : Modales natives

📍 Location (URL)

• href : URL complète (lecture/écriture)
• pathname : Chemin (/app/main)
• search : Paramètres (?id=1)
• reload() : Recharge la page
• assign(url) : Navigue (historique)
• replace(url) : Remplace (pas d'historique)

🖱️ Souris

• click : Clic gauche
• dblclick : Double clic
• mouseenter : Survol (commence)
• mouseleave : Survol (finit)
• mousemove : Déplacement
• contextmenu : Clic droit

⌨️ Clavier

• keydown : Touche enfoncée
• keyup : Touche relâchée
• e.key : Valeur ("Enter", "a")
• e.code : Code physique ("KeyA")
• e.ctrlKey : Ctrl pressé (bool)

📝 Formulaire

• submit : Envoi (sur form)
• input : Modif valeur (temps réel)
• change : Modif validée (blur)
• focus : Prise de focus
• blur : Perte de focus

⚡ Async / Await Pattern

async function getData() {
    try {
        const res = await fetch('/api');
        if (!res.ok) throw new Error('404');
        return await res.json();
    } catch (e) {
        console.error(e);
    }
}

🌐 Fetch Avancé

fetch('/api/user', {
    method: "POST",
    headers: {
        "Content-Type": "application/json",
        "Authorization": "Bearer token"
    },
    body: JSON.stringify({ name: "Bob" })
});

🔄 Boucle précise (Recursion)

// Mieux que setInterval pour tâches lourdes
setTimeout(function run() {
    doHeavyTask();
    setTimeout(run, 1000);
}, 1000);

🎨 Animation Loop

function animate() {
    element.style.left = pos + 'px';
    requestAnimationFrame(animate);
}
requestAnimationFrame(animate);

🌀 Générateurs (Generators)

function* idMaker() {
    let index = 0;
    while(true) yield index++;
}
const gen = idMaker();
gen.next().value; // 0
gen.next().value; // 1

🛡️ Proxy (Méta-programmation)

const target = {};
const handler = {
    get: function(obj, prop) {
        return prop in obj ? obj[prop] : "N/A";
    }
};
const p = new Proxy(target, handler);
p.a = 1; 
console.log(p.a, p.b); // 1, "N/A"

📄 JSON

• JSON.parse(str) : String → Objet
• JSON.stringify(obj) : Objet → String
• Limitations : Pas de fonctions, undefined, symboles.
• stringify(obj, null, 2) : Formatage joli (indent 2)

🚫 Gestion d'Erreurs

try {
    // Code risqué
    throw new Error("Oups !");
} catch (e) {
    // Gestion
    console.error(e.message);
} finally {
    // Toujours exécuté
    console.log("Cleanup");
}

🎁 Paramètres Avancés

• Défaut : function(a = 1)
• Rest : function(...args) → Array
• Spread : call(...arr) → Arguments

🔒 Closures

function counter() {
  let count = 0;
  return () => ++count;
}
const c = counter(); 
c(); // 1, c(); // 2

🔢 Math (Arrondis)

• Math.round(4.7) → 5 (Standard)
• Math.floor(4.9) → 4 (Inférieur)
• Math.ceil(4.1) → 5 (Supérieur)
• Math.trunc(4.9) → 4 (Coupe décimale)
• val.toFixed(2) → "10.00" (String)

🎲 Math (Calculs)

• Math.random() → 0..1
• Math.max(a, b, c) → Max
• Math.min(a, b, c) → Min
• Math.abs(-5) → 5
• Math.pow(2, 3) → 2³ = 8
• Math.sqrt(16) → 4

📅 Date (Getters)

• d.getFullYear() : Année (4 chiffres)
• d.getMonth() : Mois (0-11) ⚠️
• d.getDate() : Jour mois (1-31)
• d.getDay() : Jour semaine (0-6)
• Date.now() : Timestamp actuel

❌ Valeurs Falsy

• false
• 0 et -0
• "" (chaîne vide)
• null
• undefined
• NaN (Not a Number)

✅ Valeurs Truthy

• [] (Tableau vide)
• {} (Objet vide)
• "0" (String non vide)
• "false" (String non vide)
• function(){}