JavaScript - Les tableaux

1. Propriétés
   1. length
2. Méthodes
   1. concat()
   2. join()
   3. reverse()
   4. slice()
   5. sort()
3. Tableau multi-dimensionnels
4. Tableaux associatifs

var indentificateur = new constructeur(argument1, argument2, ...);

var livres = new Array();// ne pas oublier les parenthèses vides

var livres = new Array();

livres[0] = "Critias";
livres[1] = "Pensées";
livres[2] = "Odyssée";

document.write("1<sup>er</sup> livre : " + livres[0] + "<br>");// Critias
document.write("2<sup>eme</sup> livre : " + livres[1] + "<br>");// Pensées
document.write("3<sup>eme</sup> livre : " + livres[2] + "<br>");// Odyssée

var livres = new Array("Critias", "Pensées", "Odyssée");

document.write("1<sup>er</sup> livre : " + livres[0] + "<br>");// Critias
document.write("2<sup>eme</sup> livre : " + livres[1] + "<br>");// Pensées
document.write("3<sup>eme</sup> livre : " + livres[2] + "<br>");// Odyssée

var livres = ["Critias", "Pensées", "Odyssée"];

document.write("1<sup>er</sup> livre : " + livres[0] + "<br>");// Critias
document.write("2<sup>eme</sup> livre : " + livres[1] + "<br>");// Pensées
document.write("3<sup>eme</sup> livre : " + livres[2] + "<br>");// Odyssée

var MonTableau = new Array(10);// 10 élements

// Voir plus loin pour la propriété length
document.write(MonTableau.length);// Sortie -> 10

Propriétés

length

Renvoi le nombre d'élements contenus dans la table. Par exemple :

var livres = new Array("Critias", "Pensées", "Odyssée");

document.write(livres.length);// Sortie -> 3

Cette propriété est utile pour parcourir un tableau à l'aide d'une boucle :

var livres = new Array("Critias", "Pensées", "Odyssée");

for(var i=0; i < livres.length; i++)
document.write("Livre N°" + i + " : " + livres[i] + "<br>");

Méthodes

concat()

Permet de faire de deux tableaux un seul. La table à ajouter doit être passée en argument :

var MesLivres = new Array("Critias", "Pensées", "Odyssée");
var TesLivres = new Array("Voyage en Italie", "Le crépuscule des Idoles");

MesLivres.concat(TesLivres);// On ajoute le tableau TesLivres

join()

Créer une chaîne de caractères avec les élements du tableau. Les élements sont séparés avec la chaîne de caractères passée en argument qui reste optionelle.
Exemple :

var livres = new Array("Critias", "Pensées", "Odyssée");
var Texte = livres.join("<br>");

document.write(Texte);

reverse()

Inverse l'ordre des élements du tableau. Le 1^er devient le dernier, le 2^ème l'avant dernier, etc...

var livres = new Array("Critias", "Pensées", "Odyssée");
livres.reverse();

for(var i=0; i < livres.length; i++)
document.write(livres[i] + "<br>");

slice()

Renvoi un tableau contenant une partie du tableau. Le 1^er argument correspond à l'index de départ. Le 2^ème argument est optionnel. Il correspond à l'index de fin. Si il est omis, tous les index jusqu'à la fin du tableau seront renvoyés.

var liste = new Array("un", "deux", "trois", "quatre", "cinq");
var maliste = liste.slice(1, 4);

for(var i=0; i < maliste.length; i++)
document.write(maliste[i] + "<br>");

sort()

Permet de trier un tableau selon les valeurs des élements de celui ci. Si aucun argument n'est transmis, le tableau est trié par ordre alphabétique.
L'argument possible est une fonction de tri (les fonctions seront étudiées plus loin). Cette fonction doit recevoir 2 arguments et livrer en retour une valeur négative si le 1^er argument doit être placé avant le 2^ème, ou positive pour l'inverse.

var liste = new Array("un", "deux", "trois", "quatre", "cinq");
liste.sort();

for(var i=0; i < liste.length; i++)
document.write(liste[i] + "<br>");

Tableau multi-dimensionnels

var Tableau = new Array(10);

for(var i=0; i < Tableau.length; i++)
Tableau[i]=new Array(10);

// On accéde ainsi aux éléments de ce tableau à deux dimensions :
Tableau[5][5] = "Je suis quasi-au milieu de ce tableau";

Tableaux associatifs

var MonTableau = new Array();

MonTableau[0] = "Goldorak";// On accéde à l'élement 0

document.write(MonTableau[0]);// Sortie -> Goldorak

var MonTableau = new Array();

MonTableau["nom"] = "Goldorak";// On accéde à l'élement "nom"

document.write(MonTableau["nom"]);// Sortie -> Goldorak

var Vainqueurs = new Array();

// Critérium du Dauphiné 4-11 juin 2000
Vainqueurs["Grenoble- La Bastille (prologue)"] = "Alberto Lopez de Munain";
Vainqueurs["Grenoble - Lyon"] = "Frédéric Guesdon";
Vainqueurs["Châtillon sur Chalaronne - Saint Etienne"] = "Fabrice Gougot";
Vainqueurs["Saint Etienne - Saint Etienne (contre la montre)"] = "Lance Armstrong";
Vainqueurs["Romans - Le mont Ventoux"] = "Tyler Hamilton";
Vainqueurs["Beaumes de Venise - Dignes les Bains"] = "Tyler Hamilton";
Vainqueurs["Digne les Bains - Briançon"] = "Inigo Cuesta";
Vainqueurs["Saint Jean de Maurienne - Salanches"] = "Laurent Jalabet";

for(Etape in Vainqueurs)
document.write(Etape + " : " + Vainqueurs[Etape] + "<br>");