JavaScriptGuide d’apprentissage et de révision

console.log("Bonjour JavaScript !");

// Ceci est un commentaire sur une ligne
console.log("Bonjour JavaScript !");
/*
C'est un commentaire
sur plusieurs lignes
*/

let nom = "Baba";
let age = 20;
let etudiant = true;

let compteur = 10;
compteur = 25;
console.log(compteur);

const PI = 3.14;
const nom = "Baba";
console.log(PI);
console.log(nom);

const nom = "Baba";
nom = "Niang";

var nom = "Baba";
var age = 20;
console.log(nom);
console.log(age);

let age = 10;
age = 20;
console.log(age);

const PI = 3.14;
// PI = 3.5;  // Erreur !
console.log(PI);

var score = 10;
score = 20;
console.log(score);

let nom = "Baba";
let message = 'Salut';
let titre = `Étudiant`;

let x;
console.log(x);
// undefined

let user = null;
console.log(user);
// null

let id1 = Symbol("id");
let id2 = Symbol("id");
console.log(id1 === id2);
// false

console.log(typeof 42);        // "number"
console.log(typeof "Bonjour"); // "string"
console.log(typeof true);      // "boolean"
console.log(typeof undefined); // "undefined"
console.log(typeof null);      // "object" (!)
console.log(typeof []);        // "object"
console.log(typeof function() {}); // "function"

let a = 10;
let b = a;      // b reçoit une COPIE de 10
b = 20;
console.log(a); // 10 (a n'a pas changé)

let obj1 = { nom: "Baba" };
let obj2 = obj1;        // obj2 pointe vers le MÊME objet
obj2.nom = "Niang";
console.log(obj1.nom);  // "Niang" (modifié !)

let a = 10;
let b = a;
b = 20;
console.log(a); // 10
console.log(b); // 20

let obj1 = { nom: "Baba" };
let obj2 = obj1;
obj2.nom = "Niang";
console.log(obj1.nom); // "Niang"
console.log(obj2.nom); // "Niang"

let a = 10;
let b = 3;
console.log(a + b);  // 13
console.log(a - b);  // 7
console.log(a * b);  // 30
console.log(a / b);  // 3.3333333333333335
console.log(a % b);  // 1
console.log(a ** b); // 1000

let y = 5;
console.log(y++); // 5 (renvoie avant d'augmenter)
console.log(y);   // 6

let x = 5;
console.log(++x); // 6 (augmente avant de renvoyer)

let x = 10;   // 10
x += 5;       // 15
x -= 3;       // 12
x *= 2;       // 24
x /= 4;       // 6
x %= 3;       // 0

let message = "Hello";
message += " World";
console.log(message);

5 == "5"   // true  : "5" converti en 5
5 === "5"  // false : number vs string

0 == false   // true
0 === false  // false

null == undefined   // true (cas spécial)
null === undefined  // false

5 !== "5"          // true : types différents
0 !== false        // true
null !== undefined // true
"0" !== 0          // true

// Usage typique : une saisie non vide ?
let saisie = "Baba";
if (saisie !== "") {
  console.log("Merci " + saisie);
}

let a = 5;
let b = 10;
console.log(a > 0 && b > 0); // true

let a = 5;
let b = 0;
console.log(a > 0 || b > 0); // true

let a = true;
console.log(!a);        // false

let age = 20;
console.log(!(age > 18)); // false

if (0) {
  console.log("ne s'affiche pas");   // 0 est falsy
}
if ("Bonjour") {
  console.log("s'affiche");          // chaîne non vide
}
if ([]) {
  console.log("s'affiche aussi");    // tableau vide = truthy !
}

let pseudo = null;
console.log(pseudo ?? "Invité");   // "Invité"

let score = 0;
console.log(score ?? 100);         // 0 (pas remplacé !)

const user = null;

console.log(user.nom);           // ❌ TypeError !
console.log(user?.nom);          // ✅ undefined

let b = 0;
console.log(b ?? 100);  // 0   : 0 est une vraie valeur
console.log(b || 100);  // 100 : 0 est falsy → remplacé

let c = "";
console.log(c ?? "Aucun"); // ""
console.log(c || "Aucun"); // "Aucun"

console.log(10 + 5 * 2);   // 20 : 5 * 2 d'abord
console.log((10 + 5) * 2); // 30 : les parenthèses d'abord

let age = 20;

if (age >= 18) {
  console.log("Majeur");
} else {
  console.log("Mineur");
}

let note = 14;

if (note >= 16) {
  console.log("Très bien");
} else if (note >= 10) {
  console.log("Bien");
} else {
  console.log("Insuffisant");
}

const jour = "lundi";

switch (jour) {
  case "lundi":
    console.log("Début de semaine");
    break;
  case "vendredi":
    console.log("Bientôt le week-end");
    break;
  default:
    console.log("Jour inconnu");
}

let i = 1;

while (i <= 5) {
  console.log("Itération :", i);
  i = i + 1;   // ou i++
}

let i = 1;

do {
  console.log("Tour numéro :", i);
  i++;
} while (i <= 3);

for (let i = 0; i < 3; i++) {
  console.log("Itération :", i);
}

const fruits = ["Pomme", "Banane", "Orange"];

for (const fruit of fruits) {
  console.log(fruit);
}

for (const lettre of "JS") {
  console.log(lettre);
}

const etudiant = {
  nom: "Baba",
  age: 20,
  "filière": "Développement"
};

for (const clé in etudiant) {
  console.log(clé, ":", etudiant[clé]);
}

const fruits = ["Pomme", "Banane", "Orange"];

for (const fruit of fruits) {
  console.log(fruit);   // la VALEUR
}

for (const index in fruits) {
  console.log(index);   // la CLÉ (index)
}

const etudiant = {
  nom: "Baba",
  age: 20,
  filiere: "Développement"
};

for (const clé in etudiant) {
  console.log(clé);   // nom, age, filiere
}

const nom = "Baba";
const ville = 'Dakar';
const phrase = `Salut le monde`;

const nom = "Baba";
const ville = "Dakar";

const message = `Bonjour ${nom},
tu es à ${ville} !`;

console.log(message);

const nom = "Baba";
const age = 20;

const message = `Bonjour ${nom},
tu as ${age} ans !`;

console.log(message);
console.log(`Dans 5 ans : ${age + 5}`);

const texte = "Bonjour";
console.log(texte.length);   // 7

const texte = "Bonjour";

console.log(texte.toUpperCase());  // "BONJOUR"
console.log(texte.toLowerCase());  // "bonjour"
console.log(texte);                // "Bonjour" (inchangé !)

const texte = "JavaScript";

console.log(texte.includes("Java"));     // true
console.log(texte.includes("Python"));   // false
console.log(texte.startsWith("Java"));   // true
console.log(texte.startsWith("Script")); // false
console.log(texte.endsWith("Script"));   // true
console.log(texte.endsWith("Java"));     // false

const txt = "JavaScript";

console.log(txt.slice(0, 4)); // "Java"
console.log(txt.slice(4, 8)); // "Scri"
console.log(txt.slice(8));    // "pt"
console.log(txt.slice(4));    // "Script"

const txt = "JavaScript";

console.log(txt.slice(4, 8));     // "Scri"
console.log(txt.substring(4, 8)); // "Scri" (pareil ici)

console.log(txt.slice(8, 4));     // "" (vide !)
console.log(txt.substring(8, 4)); // "Scri" (échange en 4, 8)

const txt = "   Bonjour   ";

console.log(txt.trim());   // "Bonjour"
console.log(txt);          // "   Bonjour   " (inchangé)

const phrase = "J'aime JavaScript";

console.log(phrase.replace("JavaScript", "Java"));

console.log("2024-09-17".replace("-", "/"));
// "2024/09-17" : seul le PREMIER tiret !

const txt = "Java Java Java";

console.log(txt.replace("Java", "JS"));     // "JS Java Java"
console.log(txt.replaceAll("Java", "JS"));  // "JS JS JS"

class Personne {
  #age;                      // champ privé (le # est JS)

  set age(valeur) {
    if (valeur >= 0) {
      this.#age = valeur;    // contrôle : refuser les négatifs
    }
  }

  get age() {
    return this.#age;
  }
}

const p = new Personne();
p.age = 25;            // appelle le SETTER
console.log(p.age);    // appelle le GETTER → 25

const entier = 10;
const negatif = -8;
const decimal = 3.14;
const prix = 19.99;

console.log(typeof entier);   // "number"
console.log(typeof decimal);  // "number"

console.log("abc" / 2);       // NaN
console.log(0 / 0);           // NaN
console.log(Number("texte")); // NaN
console.log(Math.sqrt(-1));   // NaN

console.log(1 / 0);            // Infinity
console.log(-1 / 0);           // -Infinity
console.log(1e309);            // Infinity (trop grand !)
console.log(Number.MAX_VALUE); // 1.7976931348623157e+308

console.log(Number("123"));   // 123
console.log(Number("3.14"));  // 3.14
console.log(Number(true));    // 1
console.log(Number(false));   // 0
console.log(Number("abc"));   // NaN

console.log(parseInt("3.14"));    // 3   (s'arrête au point)
console.log(parseFloat("3.14"));  // 3.14
console.log(parseInt("12.8px"));  // 12  ("px" ignoré)
console.log(parseFloat("12.8px"));// 12.8
console.log(parseInt("abc"));     // NaN

console.log(Math.abs(-5));      // 5    valeur absolue
console.log(Math.round(3.6));   // 4    arrondi classique
console.log(Math.floor(3.6));   // 3    arrondi vers le BAS
console.log(Math.ceil(3.2));    // 4    arrondi vers le HAUT
console.log(Math.max(10, 25));  // 25
console.log(Math.min(10, 25));  // 10
console.log(Math.sqrt(16));     // 4    racine carrée
console.log(Math.random());     // 0.4287... entre 0 et 1

// Un entier aléatoire de 0 à 10 :
const hasard = Math.floor(Math.random() * 11);
console.log(hasard);

console.log(0.1 + 0.2);              // 0.30000000000000004
console.log(0.1 + 0.2 === 0.3);      // false !
console.log(1 - 0.9);                // 0.09999999999999998

// La correction : arrondir
const somme = Number((0.1 + 0.2).toFixed(1));
console.log(somme);                  // 0.3