Les langages JavaScript Tableaux et objets

Les objets

const produit = {
    nom: "Clavier",
    prix: 49,
    tags: ["bureau", "usb"],
};

produit.nom;             // "Clavier"
produit["prix"];         // 49 : utile quand le nom de la clé est dans une variable
produit.stock = 12;      // ajoute une propriété
"promo" in produit;      // false
produit.promo;           // undefined : pas d'erreur, juste « rien »

Décomposer

const { nom, prix } = produit;
const { remise = 0 } = produit;   // valeur par défaut si la clé manque

Copier en modifiant

const solde = { ...produit, prix: 39 };   // copie, avec un prix différent

Parcourir

Object.keys(produit);     // ["nom", "prix", "tags", "stock"]
Object.entries(produit);  // [["nom", "Clavier"], ["prix", 49], ...]

JSON

JSON est un texte qui représente des objets et des tableaux. C'est le format d'échange du web : une API renvoie du JSON, on le range dans un fichier ou dans le navigateur.

const texte = JSON.stringify({ page: "accueil", visites: 3 });
// '{"page":"accueil","visites":3}'
const objet = JSON.parse(texte);
objet.visites + 1;   // 4

JSON.parse lève une erreur si le texte n'est pas du JSON valide : le chapitre suivant montre comment la rattraper.

2 exercices pour cette lecon

Les exercices demandent un compte : il faut bien enregistrer votre progression quelque part. La lecture, elle, reste libre. Creer un compte

La fiche produit moyen lecon a valider
Compter les visites moyen lecon a valider