Les objets

1
2
3
4
5
6

var personnage = new Object();
personnage.tete = new Object();
personnage.tete.yeux = new Object();
personnage.tete.yeux.couleur = 'bleu';

document.write('Le personnage a les yeux de couleur '+personnage.tete.yeux.couleur);

• Les variables, vous les utilisez quand il n'y a pas beaucoup de données à retenir.
  Par exemple, si vous avez le nom du visiteur et son âge, préférez utiliser les variables.
  
  
• Pour les tableaux, je vous conseille de les utiliser quand il y a beaucoup de données du même "groupe".
  Par exemple, si vous devez retenir toutes les couleurs, préférez utiliser les tableaux.
  
  
• Et enfin, les objets : il faut les utiliser quand il y a beaucoup de données à retenir de plusieurs types, mais qui peuvent appartenir à un seul ensemble.
  L'exemple du groupe de personnes est bien, chaque personne est unique (couleur de la peau, des cheveux, des yeux, des dents, des ongles, taille, ...) et il y en a plusieurs. Conclusion : il y a un bon gros paquet de choses à retenir, et là il faut utiliser les objets.
  

À propos des tableaux...

Créons une fonction pour faciliter la création d'objets

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15

function creer_personnage(nom,vetement,age)
{
this.nom = nom;
this.vetement = vetement;
this.age = age;
}

var personnage1 = new creer_personnage('Marc','Pull',13);
var personnage2 = new creer_personnage('Pierre','Blouson',15);

document.write('Le premier personnage s\'apelle '+personnage1.nom+'<br/>');
document.write('Le deuxième personnage s\'apelle '+personnage2.nom+'<br/>');
document.write(personnage1.nom+' a '+personnage1.age+' ans<br/>');
document.write(personnage2.nom+' a '+personnage2.age+' ans<br/>');
document.write(personnage1.nom+' porte un '+personnage1.vetement+' tandis que '+personnage2.nom+' porte un '+personnage2.vetement);

• Les premières lignes sont, pour un débutant, les plus difficiles à comprendre. Tout d'abord, vous pouvez remarquer que l'on retrouve le mot this. Il sert toujours à la même chose : indiquer de façon simple un "sous-objet". Et là, il indique un argument de fonction. Il n'y a pas de bug, un argument de fonction est bien un objet, mais je pense vous avoir assez embrouillés comme ça, alors je ne détaillerai pas ce sujet. En gros, si on utilisait pas this, vous devriez faire un truc de ce style : fonction.argument1.
  Donc, grâce à this, on récupère l'argument.
  
  
• Ensuite, on lui dit : "toi argument, prends la valeur de l'argument". Oui, ça ne veut pas dire grand-chose . En revanche, ça a de l'importance : c'est ça qui fait que c'est une fonction qui servira à créer un objet.
  
  
• Après, je crée 2 objets : personnage1 et personnage2. Puis je renseigne la fonction sur les arguments qu'elle attend. Mais que se passe-t-il à ce moment-là ? En fait, la fonction est un raccourci pour créer un objet. Dès que je fais var personnage1 = new creer_personnage('Marc','Pull',13);, alors ça va créer un objet personnage1 avec 3 valeurs : 'Marc','Pull', 13. Pour savoir où seront stockées ces valeurs, il faut regarder la fonction.
  Code : JavaScript

  1 2 3 4 5 6

  function creer_personnage(nom,vetement,age) { this.nom = nom; this.vetement = vetement; this.age = age; }

  Cela va donc créer plusieurs "sous-objets" de l'objet <police nom="courrrier"/>. Il y aura personnage1.nom qui vaudra le valeur de l'argument nom, personnage1.vetement la valeur de l'argument vetement, et ainsi de suite.