Javascript - Les tableaux

Décembre 2016

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 :


Indice0123
Donnéedonnée 1donnée 2donnée 3donné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 :



0123
donnée 1
(variable)
donnée 2 (tableau)
012
donnée 1donnée 2donnée 3
donnée 3
(variable)
donnée 4 (tableau)
01
donnée 1donnée 2

Création de tableau

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

var MonTableau = [];

var MonTableau = new Array();


la premiere méthode est conseillé.

il est possible d'initialiser des valeurs a la creation

var MonTableau = ["donnée 1", "donnée 2"];

var MonTableau = new Array("donnée 1", "donnée 2");

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"];

alert("Le 4ième élément est "+MonTableau[3]);

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

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.

Tableaux associatifs

Il est possible d'utiliser des indices personnalisés pour indexer des valeurs, on parle alors de tableau associatif. Un tableau associatif n'est autre qu' un objet javascript ou json


Indice"Paul""André""Pierre""Jean-François"
Donnée16221225

Affectation de valeurs

Pour créer un tableau associatif, il suffit de déclarer un objet par l’intermédiaire d'une variable, puis pour chaque indices on écrire le nom de l' indice suivit de ":" on affecter une donnée et on terminer par une virgule.

var tableau_associa={"valeur1":10,"valeur2":55,"valeur3":30"};


on peut simplifier la lisibilité en faisant un saut de ligne âpres la virgule.

var tableau_associa={
"valeur1":10,
"valeur2":55,
"valeur3":30
};


il est aussi possible d’affecter des valeur après la création de l'objet

var tableau_associa={}
tableau_associa.valeur1=10,
tableau_associa.valeur2=55,
tableau_associa.valeur3=30
};

Accès aux données

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

var tableau_associa={
"valeur1":10,
"valeur2":55,
"valeur3":30
};

alert(tableau_associa.valeur2);

// Affichera "55"

</code>

A voir également :

Ce document intitulé «  Javascript - Les tableaux  » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.