Guide JavaScript 1.5:Objets et propriétés

Un article de MDC.

[modifier] Objets et propriétés

Un objet JavaScript dispose de propriétés associées. On peut accéder à celles-ci à l'aide d'une notation simple :

nomObjet.nomPropriété

Tant le nom de l'objet que celui de la propriété sont sensibles à la casse. Une propriété est définie en lui assignant une valeur. Par exemple, supposons qu'on dispose d'un objet appelé voiture (pour l'instant, supposons simplement que cet objet existe déjà). On peut lui donner des propriétés comme marque, modèle et année de la manière suivante :

voiture.marque = "Ford";
voiture.modèle = "Mustang";
voiture.année = 1969;

Un tableau est un ensemble de valeurs associées avec un seul nom de variable. Les propriétés et les tableaux sont intimement liés en JavaScript ; en fait ce sont même des interfaces différentes vers la même structure de données. Donc, par exemple, on pourrait accéder aux propriétés de l'objet voiture de la façon suivante :

voiture["marque"] = "Ford";
voiture["modèle"] = "Mustang";
voiture["année"] = 1967;

Ce type de tableau est appelé tableau associatif, parce que chaque élément d'index est également associé avec une valeur chaîne. Pour illustrer le fonctionnement de ce type de tableau, la fonction suivante affiche les propriétés d'un objet lorsque celui-ci et son nom sont passés en paramètres :

function affiche_props(obj, nom_obj) {
  var resultat = "";
  for (var i in obj)
     resultat += nom_obj + "." + i + " = " + obj[i] + "\n";
  return resultat;
}

Donc, l'appel à la fonction affiche_props(voiture, "voiture") renverrait le résultat suivant :

voiture.marque = Ford
voiture.modèle = Mustang
voiture.année = 1967