SFI23504 CR 5fc4bdca36020

L’OBJET ARRAY
Objectifs
 Savoir déclarer un tableau

 Connaitre l’affectation d’un tableau
 Savoir accéder aux éléments d’un tableau
 Distinguer les propriétés et les méthodes d’un tableau
1.Généralités
L’objet Array n’est rien d’autre qu’un tableau. Un tableau est en quelque sorte une
liste d’éléments indexés que l’on pourra lire – chercher les données - ou écrire – entrer les
données – à volonté.
2.Création et affectation d’un tableau
Rappel : Création d’un objet : Un objet est créé en utilisant une fonction spéciale de la classe,
précédée du mot new. Cette fonction est appelée constructeur, et porte le nom de la classe. Un objet
est appelé instance de la classe.
Syntaxe :
var objet = new classe ();
2.1 Création d’un tableau
On créé un tableau comme n’importe quel objet de classe. On invoque le constructeur

de classe. On indique en paramètre du constructeur le nombre maximum d’éléments (x) que
l’on souhaite entrer dans le tableau. Ce nombre est cependant facultatif, car JS prend en
compte le numéro du dernier élément entré comme taille du tableau si le ce nombre n’est pas
indiqué.
Syntaxe :
variable = new Array(x) ;
Exemple 1.1 :
var MonTableau = new Array (10) ;
2.2 Affectation d’un tableau

On affecte un tableau très simplement. Il suffit d’affecter une valeur (y) à la variable
avec le numéro de l’élément (i) entre crochets. Ces derniers ne sont pas présents lors de la
création mais sont indispensables lors de l’affectation. Le numéro commence à 0 et finit au
nombre maximum moins 1.
Syntaxe :
variable = new Array(x) ;
variable [i] = y;
Exemple 1.2 :
MonTableau [0] = 7 ;
Evidemment, à ce rythme-là, l’affectation est longue, surtout si votre tableau compte

plus que quelques éléments. C’est pourquoi on utilise la boucle itérative for. L’exemple
suivant entre une série de nombre en ajoutant 1 à chaque fois. Il s’agit d’un exemple rapide et
simple, mais on peut imaginer faire un calcul ou demander une valeur à l’utilisateur à chaque
boucle.
Exemple 1.3 :
for ( var i = 0 ; i < 5 ; i++) {
MonTableau [i] = i;
document.write (MonTableau[i]);
3. Accès aux données d’un tableau
On accède aux données d’un tableau en indiquant le numéro de l’élément entre

crochets. On affecte cette valeur à une variable, par exemple. On peut aussi la rentrer comme
paramètre d’une fonction.
Syntaxe :
variable1 = new Array(x) ;
variable1 [i] = y ;
variable2 = variable1 [i] ;
Exemple 1.4 :
var element = MonTableau [0] ;
document.write (MonTableau [0]) ;
4. Tableau à 2 dimensions
Pour créer un tableau à 2 dimensions, on utilise l’astuce suivante : on déclare chaque

élément comme un nouveau tableau.
Syntaxe :
variable = new Array (x) ;
variable [i] = new Array (y) ;
Exemple 1.5 :
MonTableau [0] = new Array (7) ;
Il est bien entendu plus rapide d’utiliser une instruction itérative pour créer ce tableau
à 2 dimensions.
Exemple 1.6 :
for ( var i = 0 ; i < 5 ; i++) {
MonTableau [i] = new Array (3);
}
Avec ce système, on peut créer un tableau à 3,4 dimensions ou plus, bien que l’utilité
en soit quelque peu douteuse…
5. Propriétés et méthodes
Comme tout objet, l’objet Array possède une propriété et des méthodes qui s’avèrent
assez utiles.
5.1.Propriété
L’objet Array ne possède qu’une propriété – length – qui désigne le nombre

d‘éléments du tableau.
Syntaxe :
variable = new Array (x) ;
y = variable.length ;
Exemple 1.7 :
document.write (MonTableau.length) ;
5.2.Méthodes
L’objet Array possède plusieurs méthodes qui permettent de manier les éléments du
tableau.
Syntaxe :
tableau.méthode() ;
• join (séparateur) : regroupe tous les éléments du tableau en une seule chaîne. Chaque
élément est séparé par un séparateur. Ci celui-ci n’est pas précisé, ce sera une virgule.
• reverse () : inverse l’ordre des éléments sans les trier.

• sort () : Renvoie les éléments par ordre alphabétique, s’ils sont de même nature.
• concat(tableau) : concatène le tableau passé en paramètre avec celui de la méthode.
• pop() : supprime le dernier élément du tableau.
• push(élément1,…) : ajoute l(es) élément(s) passé(s) en paramètre à la fin du tableau.
• shift() : supprime le premier élément du tableau.
• slice(début,fin) : renvoie les éléments contenus entre la position supérieure ou égale à

début et inférieure à fin.
• splice(début, nombre, éléments) : supprime les éléments à partir de la position début et

sur nombre de position. Les éléments sont remplacés par ceux fournis en paramètre
(facultatif).
• unshift(élément1,…) : ajoute l(es) élément(s) passé(s) en paramètre au début du

tableau.
Exemple 11.8 :
MonTableau [0] = “Moi” ;
MonTableau [1] = “Toi” ;
MonTableau [2] = “Lui” ;
MonTableau [3] = “Elle” ;
MonTableau.reverse() ;
document.write (MonTableau.join(‘ ‘)) ;
MonTableau.sort() ;
document.write ("<br>" + MonTableau.join(‘ ‘)) ;
.6.Exercice
Le but de l’exercice est d’afficher les entiers compris entre 1 et 10 inclus dans l’ordre
décroissant. Vous utiliserez pour cela un tableau de 10 éléments.

SFI23504 CR 5fc4bdca36020

Transféré par

Droits d'auteur :

Formats disponibles

SFI23504 CR 5fc4bdca36020

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

SFI23504 CR 5fc4bdca36020

Transféré par

Droits d'auteur :

Formats disponibles

L’OBJET ARRAY

 Savoir déclarer un tableau

2.Création et affectation d’un tableau

var objet = new classe ();

2.1 Création d’un tableau

On créé un tableau comme n’importe quel objet de classe. On invoque le constructeur

variable = new Array(x) ;

var MonTableau = new Array (10) ;

2.2 Affectation d’un tableau

variable = new Array(x) ;

var MonTableau = new Array (2) ;

Evidemment, à ce rythme-là, l’affectation est longue, surtout si votre tableau compte

var MonTableau = new Array (5) ;

for ( var i = 0 ; i < 5 ; i++) {

3. Accès aux données d’un tableau

On accède aux données d’un tableau en indiquant le numéro de l’élément entre

variable2 = variable1 [i] ;

var MonTableau = new Array (2) ;

var element = MonTableau [0] ;

document.write (MonTableau [0]) ;

Pour créer un tableau à 2 dimensions, on utilise l’astuce suivante : on déclare chaque

variable = new Array (x) ;

variable [i] = new Array (y) ;

var MonTableau = new Array (2) ;

MonTableau [0] = new Array (7) ;

var MonTableau = new Array (5) ;

for ( var i = 0 ; i < 5 ; i++) {

MonTableau [i] = new Array (3);

L’objet Array ne possède qu’une propriété – length – qui désigne le nombre

variable = new Array (x) ;

var MonTableau = new Array (2) ;

• reverse () : inverse l’ordre des éléments sans les trier.

• concat(tableau) : concatène le tableau passé en paramètre avec celui de la méthode.

• pop() : supprime le dernier élément du tableau.

• push(élément1,…) : ajoute l(es) élément(s) passé(s) en paramètre à la fin du tableau.

• shift() : supprime le premier élément du tableau.

• slice(début,fin) : renvoie les éléments contenus entre la position supérieure ou égale à

• splice(début, nombre, éléments) : supprime les éléments à partir de la position début et

• unshift(élément1,…) : ajoute l(es) élément(s) passé(s) en paramètre au début du

var MonTableau = new Array (4) ;

MonTableau [0] = “Moi” ;

MonTableau [1] = “Toi” ;

MonTableau [2] = “Lui” ;

MonTableau [3] = “Elle” ;

document.write (MonTableau.join(‘ ‘)) ;

document.write ("<br>" + MonTableau.join(‘ ‘)) ;

Vous aimerez peut-être aussi