Javascript - Les tableaux

Introduction à la notion de tableau

Les variables de Javascript ne permettent de stocker qu'une seule donnée à la fois. Or, étant donné qu'il est souvent utile de manipuler de nombreuses données, le concept de variable se révéle parfois insuffisant, car il devient difficile de gérer un grand nombre de variable distinctes.

Pour y remédier Javascript propose une structure de données permettant de stocker l'ensemble de ces données dans une "variable commune" : le tableau.

Un tableau, en Javascript, est donc une variable pouvant contenir plusieurs données indépendantes, indexées par un numéro, appelé indice. L'indice d'un tableau est ainsi l'élément permettant d'accéder aux données qui y sont stockées.

Tableaux multidimensionnels

Lorsque le tableau est composé uniquement de variables, on parle de tableau monodimensionnel (ou unidimensionnel). Voici une manière de représenter un tableau unidimensionnel :

Indice	0	1	2	3
Donnée	donnée 1	donnée 2	donnée 3	donnée 4

Remarquez que le premier élément d'un tableau porte toujours l'indice 0 ! Dans un tableau à n éléments, le nième élément porte ainsi l'indice n-1.

Lorsqu'un tableau contient lui-même d'autres tableaux on parle alors de tableaux multidimensionnels. Voici une représentation d'un exemple de tableau multidimensionnel :

0	1	2	3
donnée 1 (variable)	donnée 2 (tableau) 0 1 2 donnée 1 donnée 2 donnée 3	donnée 3 (variable)	donnée 4 (tableau) 0 1 donnée 1 donnée 2

Tableaux associatifs

Il est possible d'utiliser des indices personnalisés pour indexer les valeurs du tableau, on parle alors de tableau associatif. Javascript autorise en effet l'utilisation d'une chaîne ou d'un nombre spécifique pour indexer les valeurs du tableau. Voici un exemple de représentation d'un tableau associatif :

Indice	"Paul"	"André"	"Pierre"	"Jean-François"
Donnée	16	22	12	25

Création de tableau

Le langage Javascript fournit plusieurs façons de créer un tableau :

var MonTableau = ["donnée 1", "donnée 2", "donnée 3", "donnée 4"];
var MonTableau = new Array("donnée 1", "donnée 2", "donnée 3", "donnée 4");

Ci-dessus le tableau est initialisé avec des valeurs à la création. Pour plus de rigueur, un tableau devrait être déclaré avant que l'on lui affecte des valeurs. La déclaration d'un tableau se fait comme suit :

var MonTableau = new Array();

Accès aux données

L'accès aux éléments du tableau se fait en écrivant le nom du tableau suivi de crochets contenant l'indice de l'élément.

var MonTableau = ["Teebo",
				"Eaulive",
				"Asevere",
				"Kalamit",
				"Serge",
				"Chat_Teigne",
				"BmV"];

document.write("Le 4ième élément du tableau est "+MonTableau[3]);

// Affichera "Le 4ième élément du tableau est Kalamit"

Affectation de valeurs

Pour créer un tableau associatif, il suffit de déclarer une variable tableau, puis d'écrire le nom du tableau, suivi d'un nom de l'indice entre parenthèse et lui affecter une donnée grâce à l'opérateur d'affectation :

MonTableau[0] = "Bonjour";
MonTableau["Pierre"] = 12;
MonTableau["Jean-François"] = 25;

Manipulation de tableaux

Le langage Javascript propose l'objet Array, comportant de nombreuses méthodes permettant de manipuler les tableaux, c'est-à-dire d'insérer, supprimer, ou extraire des éléments dans le tableau et également de trier les élément du tableau.

Trucs & astuces pertinents trouvés dans la base de connaissances

12/02 01h50	convertisseur d'unités de mesures scientifiques (Javascript)
19/11 00h08	Effacer un champ de formulaire lors du clic (focus) (Javascript)
18/11 00h43	JavaScript c'est la même chose que Java (Mythes et légendes)
11/11 01h39	Coloration syntaxique dans vos pages web (Webmaster)
04/11 16h32	Interdire le clic droit de la souris (Javascript)
08/11 10h32	Lien aléatoire / Choisir un lien au hasard (Javascript)
05/11 11h53	Date de dernière modification de la page (Javascript)
Plus d'astuces sur « Javascript Array »

Discussions pertinentes trouvées dans le forum

05/02 00h13	[JavaScript] Somme de Array	Windows	05/02 09h17->lejohnn	2
09/09 18h32	[javascript] Euhh... Probleme avec new Array()	Windows	10/09 15h49->BastOOn	5
06/04 03h13	Passage d'un Array Php vers Javascript	Webmastering	08/04 15h46->PhP	1
09/01 10h50	[javascript]	Webmastering	10/01 21h17->Ssylvainsab	7
02/04 16h09	[Javascript] Pb de script de MaJ auto	Windows	21/07 14h54->txiki	20
15/09 08h03	JavaScript	Windows	15/09 11h16->Erdnax	18
18/02 16h25	erreur code javascript	Windows	05/04 08h50->Erdnax	16
05/01 13h52	[php/javascript][Date] Comment obtenir l'âge	Développement	01/03 11h44->fenix51	15
05/01 16h04	[PhP]construire un array avec mes clés	Webmastering	09/01 16h18->P@	13
14/10 14h55	Problème pour intégrer du javascript dans php	Webmastering	14/10 17h09->ratagaz	11
Discussion fermée Problème résolu		Plus de discussions sur « Javascript Array »