Exercice 14/31

Dans le fichier "script.js" :

  • déclarez une variable voiture qui contiendra un tableau associatif;
  • attribuez les identifiants: marque, modele, couleur et annee (sans les accents) et mettez les valeurs que vous voulez;
  • cliquez sur "Soumettre ma réponse".

Leçon 14/31

Jusque là vous avez vu comment utiliser un tableau ordonné. On dit ordonné car les éléments sont associés à un indice.

Il existe aussi les tableaux associatifs dans lesquels les éléments sont accessibles via un identifiant.

Pour déclarer un tableau associatif on utilise des accolades et non des crochets.

var voiture = {};

Si les indices n'ont pas besoin d'être précisés lors de la déclaration d'un tableau ordonné, les identifiants d'un tableau associatif doivent l'être.
On associe donc un identifiant à une valeur.

Exemple :

var voiture = {
    marque : 'Bugatti',
    modele : 'Chiron',
    couleur : 'bleue',
    annee : 2016
};

Voici un tableau associatif avec des identifiants (marque, modele, couleur, annee) et des valeurs associées.

Remarque :

On pourrait tout mettre sur une même ligne avec le ; à la fin comme d'habitude. Mais pour plus de lisibilité, c'est ainsi qu'on présente un tableau associatif.

Le double-point : séparant identifiant et valeur sont obligatoires ainsi que la virgule , qui sépare chaque couple identifiant/valeur sauf pour le dernier.

Commentaires les mieux notés

42 Commentaires

  • kevin.pintar-95

    kevin.pintar-95

    Bonjour, l'exercice est déjà rempli pour ma part.

    le 05/10/2022 à 12h38

  • Patricio M

    Patricio M Admin

    Super Kevin, ton dernier code est bon

    le 06/10/2022 à 07h42

  • Marie

    Marie

    Bonjour, juste pour signaler que l'exerce est déjà rempli. Bonne journée

    le 02/06/2022 à 09h49

  • meriam

    meriam Admin

    Bonjour, merci pour votre attention Marie.

    le 02/06/2022 à 12h31

  • guillaume_c_3d

    guillaume_c_3d

    Erratum : Ma faute pour la correspondance avec le cours { = }. Fatigué, il est temps de m'arrêter..

    le 21/05/2022 à 19h38

  • meriam

    meriam Admin

    ce code { est une accolade ouvrante

    le 24/05/2022 à 10h55

  • meriam

    meriam Admin

    mais il faut remplacer le code avec une accolade.

    le 24/05/2022 à 10h56

  • guillaume_c_3d

    guillaume_c_3d

    BUG ! Valide le texte présenté sans avoir à la modifier lorsqu'on le soumet. Et de plus, ne correspond pas à la leçon : var voiture = {

    le 21/05/2022 à 19h33

  • meriam

    meriam Admin

    Bonjour, merci pour votre attention.

    le 24/05/2022 à 10h00

  • tullusovucre-1845-2

    tullusovucre-1845-2

    l'exercice est deja fait, faudrait le reset

    le 21/02/2022 à 02h24

  • meriam

    meriam Admin

    Bonjour, merci pour votre remarque.

    le 21/02/2022 à 14h37

  • ramada.damien-55

    ramada.damien-55

    encore problème de boucle infinie alors que l'exercice est déjà fait. ca commence a être dérangent.

    le 24/01/2022 à 18h34

  • meriam

    meriam Admin

    Bonjour, votre code fonctionne correctement et il est validé.

    le 25/01/2022 à 09h44

  • dimitryduez-28

    dimitryduez-28

    l'exercice et déjà fait nul sans rien avoir a faire

    le 17/01/2022 à 16h11

  • meriam

    meriam Admin

    Bonjour, merci pour votre attention.

    le 18/01/2022 à 10h33

  • anthony.leloup-34

    anthony.leloup-34

    Bonjour , l'exercice est déjà fait, est apparemment ça date du mois de juin.

    le 13/12/2021 à 10h54

  • meriam

    meriam Admin

    Bonjour, merci pour votre remarque.

    le 13/12/2021 à 13h53

  • Rajosoa.d-54

    Rajosoa.d-54

    Bonjour, c'est juste pour vous informer que l'exercice était déjà fait pour moi aussi, je n'ai rien eu à faire.

    le 29/06/2021 à 18h35

  • meriam

    meriam Admin

    Bonjour, merci pour votre remarque.

    le 30/06/2021 à 10h06

  • severine.fuzely

    severine.fuzely

    Bonjour, la variable ainsi que le tableau associatif sont déjà déclarés au moment de commencer l'exercice... Du coup il n'y a rien à faire, c'est dommage.

    le 02/06/2021 à 10h17

  • meriam

    meriam Admin

    Bonjour, merci pour votre remarque et bon travail. N'hésitez pas à poser des questions si vous rencontrez des problèmes dans les exercices qui suivent.

    le 03/06/2021 à 13h51

  • sghouli-55

    sghouli-55

    dans la leçon je pense qu'il y a un erreur :oublie de "{" après =

    le 04/02/2021 à 22h16

  • meriam

    meriam Admin

    Merci pour la remarque.

    le 05/02/2021 à 07h38

  • ant.villard-11

    ant.villard-11

    Bonjour, je n'arrive pas à valider l'exercice, c'est quoi le problème svp ?

    le 04/05/2018 à 06h59

  • mram

    mram Admin

    Bonjour, ajoutez un espace devant les : et ça devrait passer. Mais le code est correct ainsi également.

    le 09/05/2018 à 01h46

  • lienmontage

    lienmontage

    Bonjour, je n'arrive pas à valider l'exercice, c'est quoi le problème svp ?

    le 23/03/2018 à 13h38

  • mram

    mram Admin

    Bonjour, l'année doit être un nombre et pas du texte.

    le 24/03/2018 à 04h29

  • mram

    mram Admin

    Il faut un espace avant les ":"

    le 13/02/2017 à 23h08

  • maxencemen

    maxencemen

    Bonjour, idem pour moi, voici le code que j'ai mis : var voiture = { marque: 'Toyota', modele: 'Cellicca', couleur: 'rouge', annee: 1996 }; Normalement ça devrait fonctionner je ne comprends pas.

    le 09/02/2017 à 18h00

index.html
script.js
<!DOCTYPE HTML> <html> <head> <title>Déclarer un tableau associatif</title> <script src="script.js"></script> </head> <body> </body> </html>
var voiture = { marque : 'Bugatti', modele : 'Chiron', couleur : 'bleue', annee : 2016 };