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

  • mram Administrateur

    il manque le point-virgule fin de ligne 6 ...

  • mram Administrateur

    Il faut un espace avant les ":"

  • mram Administrateur

    Idem, j'ai repris votre code et j'ai pu valider l'exercice du premier coup, n'hésitez pas à essayer de nouveau...

  • 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.

12 Commentaires

  • mram

    mram Administrateur

    il manque le point-virgule fin de ligne 6 ...

    le 22/09/2016 à 23h06

  • mram

    mram Administrateur

    Il faut un espace avant les ":"

    le 14/02/2017 à 01h08

  • mram

    mram Administrateur

    Idem, j'ai repris votre code et j'ai pu valider l'exercice du premier coup, n'hésitez pas à essayer de nouveau...

    le 23/05/2016 à 16h04

  • 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 à 20h00

  • c-franz

    c-franz

    IDEM

    le 21/09/2016 à 17h28

  • v.redois

    v.redois

    AVEZ-VOUS BIEN ÉCRIT LA STRUCTURE D'UN TABLEAU ASSOCIATIF ? Même chose : copier-coller de l'exemple.

    le 23/05/2016 à 16h04

  • mram

    mram Administrateur

    ligne 1 il faudrait un espace avant le = ...

    le 06/02/2017 à 01h23

  • yarkagone

    yarkagone

    var voiture= { marque : 'renault', modele : 'r5', couleur : 'blanche', annee : 2016 }; même remarque....??

    le 02/02/2017 à 20h13

  • lienmontage

    lienmontage

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

    le 23/03/2018 à 15h38

  • mram

    mram Administrateur

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

    le 24/03/2018 à 06h29

  • 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 à 10h59

  • mram

    mram Administrateur

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

    le 09/05/2018 à 05h46

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 };