LE DATA BOOK INFORMATIQUE

 Ops : A la fin de cette leçon, l’élève doit être capable de :
- Manipuler les tableaux

Introduction

Les types de base abordés dans les chapitres précédents sont essentiels pour permettre au programmeur de résoudre la plupart des problèmes. Il existe cependant d’autres types plus structurés, à l’instar des tableaux, qui facilitent la manipulation d’objets pouvant contenir plusieurs valeurs à la fois. Par ailleurs lorsque le code à rédiger contient plusieurs lignes il convient de le factoriser afin de faciliter la lisibilité et surtout la réutilisation d’un même segment de code.

I. Les tableaux

Rappelons d’abord que 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 variables 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. I.1.- Caractéristiques d’un tableau Un tableau est caractérisé par un indice numérique. Le premier élément d’un tableau a l’indice 0. Pour accéder à un élément particulier on utilise l’opérateur ‘[ ]’ et le numéro d’indice visés. Voici un schéma représentant un tableau, qui stocke 4 éléments : Indice 0 1 2 3 éléments
Valeur 1

Valeur 2
Valeur 3
Valeur 4

I.2. - Déclaration d’un tableau Pour déclarer un tableau, on utilise le mot clé var. Cette déclaration peut se faire de deux manières :
Première méthode : avec les crochets
Le contenu du tableau se définit entre crochets, et chaque valeur est séparée par une virgule. Lorsque les valeurs du tableau sont des chaînes de caractères, ces dernières sont contenues entre guillemets ou entre apostrophes. Cette manière de déclarer un tableau est la plus utilisée en JavaScript.
Exemple1 : création d’un tableau de 5 notes

var Note = [12.5, 11, 13, 8, 10]; Exemple2 : création d’un tableau contenant 4 noms var NomEleve = [“Sami”, “Tamba”, “Moussa”, “Bisso”];

Deuxième méthode : avec les parenthèses
Elle se fait à l’aide de l’objet « new » et du mot clé array (tableau) de la manière suivante : var <nom_var> = new array (valeur1, valeur2, valeur3,…); Exemple1: var Note = new array (12.5, 11, 13, 8, 10); Exemple2: var NomEleve=new array(“Sami”,“Tamba”,“Moussa”,“Bisso”); Remarque :
a) Les différents exemples abordés montrent comment initialiser un tableau à sa création, c'est-à-dire attribuer des valeurs à chaque case du tableau au moment de sa création.
b) « Parcourir un tableau » signifie passer en revue chaque valeur du tableau pour, par exemple, afficher les valeurs un à un, leur faire subir des modifications ou exécuter des actions en fonction de leur contenu. Le parcours se fait à l’aide d’une boucle répétitive (généralement la boucle for)
Exemple de parcours de tableau : <script language=“JavaScript”> var NomEleve = [„Sami‟, „Tamba‟, „Moussa‟, „Bisso‟]; var i; for (i=0;i< NomEleve.length; i=i+1){ alert(NomEleve[i]); } //NomEleve.length retourne le nombre d’éléments du tableau