Un exemple

Reprenons l'enoncé de l'exercice 5 de la leçon 4, avec la modification suivante : une fois toutes les valeurs saisies, on désire afficher

1. la somme des valeurs saisies (comme dans l'exercice 5 de la leçon 4)
2. la moyenne des valeurs saisies (comme dans l'exercice 5 de la leçon 4)
3. les valeurs saisies supérieures à la moyenne

var stop = "stop";
var reponse = "start";
var valeurs = [];

do {
   if ( ! isNaN( reponse ) )
      valeurs.push( Number( reponse ) );
   reponse = prompt( "Entrez un nombre ou 'stop' pour sortir :","" ).trim().toLowerCase();	
} while ( reponse != stop );

var resultat = "Vous avez entré " + valeurs.length + " nombres\n";

Un attribut n'est pas une fonction, c'est une caractéristique de l'objet duquel on l'extrait. C'est pour cette raison qu'on ne fait pas suivre l'attribut de parenthèses comme on le fait pour les fonctions ! Aiinsi, dans l'exemple précédent, on écrit valeurs.length et non pas valeurs.length() !

var somme = 0;

for ( var i = 0; i < valeurs.length; i++ )
	somme += valeurs[ i ];

var moyenne = somme / valeurs.length;

resultat += "La somme de ces nombres est " + somme + "\n";
resultat += "La moyenne de ces nombre est " + moyenne.toFixed( 2 ) + "\n";

resultat += "Les valeurs au dessus de la moyenne sont :\n";

for ( var i = 0; i < valeurs.length; i++ )
	if ( valeurs[ i ] > moyenne )
		resultat += valeurs[ i ] + " ";
		
alert( resultat );

Construction de tableau

Nous avons vu dans l'exemple précédent comment construire un tableau vide. Il y a plusieurs autres façon de construire un tableau :

var t1 = [];
var t2 = [ "Jean", "Pierre", "Paul" ];
var t3 = new Array( 13 );
var t4 = new Array( 10, 12, 23, 37, 39 );

1. fabrique un tableau vide
2. fabrique un tableau à 3 éléments qui sont les chaînes de caractères "Jean", "Pierre" et "Paul"
3. fabrique un tableau à 13 éléments dont chaque élément a la valeur undefined (non défini)
4. fabrique un tableau à 5 éléments qui sont les nombres 10, 12, 23, 37 et 39

var t = [ "Alfred", 123, true, 37.2 ];

var t = [ [ 1, 2, 3 ], [ 4, 5, 6 ], [ 7, 8, 9 ] ];

var t1 = [ "rouge", "vert", "bleu" ];
var t2 = t1;

t2.push( "jaune" );
t2[ 1 ] = "orange";
t1.shift();

1. l'expression [ "rouge", "vert", "bleu" ] à droite de l'affectation fabrique un tableau de longueur 3 contenant les chaînes de caractères "rouge", "vert" et "bleu". Ce tableau (une suite de 3 cases contenant des chaînes de caractères) est une portion de mémoire se trouvant quelquepart dans la mémoire de l'ordinateur. L'expression [ "rouge", "vert", "bleu" ] retourne ensuite l'adresse (une référence) de cette portion de mémoire
2. l'adresse (la référence) du tableau juste créé est affectée à la variable t1
3. le contenu de la variable t1 est copié dans la variable t2

alert( ([ "rouge", "vert", "bleu" ])[0] );

Accès aux valeurs

On peut accéder au contenu d'un tableau en lecture ou en écriture via un indice. Si t est un tableau, l'expression t[ i ] est strictement équivalente à une variable et peut être utilisée partout où on utilise une variable, en particulier à gauche d'une affectation. Par exemple, le code suivant :

var t = new Array(10);

for ( var i = 0; i < t.length; i++ )
	t[ i ] = i + 1;

var t = new Array(10);
	
for ( var i = 0; i < t.length / 2; i++ ) {
	t[ 2 * i ] = "pair";
	t[ 2 * i + 1 ] = "impair";
}

var t = [ [ "A", "B", "C" ], [ "x", "y", "z" ], [ "?", "!", "%" ] ];

alert( t[ 0 ][ 1 ] + t[ 1 ][ 2 ] + t[ 2 ][ 0 ] )

La méthode join

Il existe de nombreuses fonctions qui peuvent agir sur un tableau. Ces fonctions sont appelées parfois des méthodes et dans ce cas, la syntaxe d'application de la fonction sur le tableau diffère de la syntaxe habituelle. Par exemple, on écrit t.shift() et non pas shift( t ) parce que shift est une méthode. On a vu précédemment les méthodes push et shift. La méthode join permet de convertir un tableau en chaîne de caractères. Par exemple, le code suivant :

var t = [ "rouge", "vert", "bleu" ];
var s = t.join( " & " );

alert( s );

La méthode split

La méthode split est en quelque sorte l'inverse de la méthode join : elle s'applique à une chaîne de caractères et permet de la tronçonner en morceaux et de placer ces morceaux dans un tableau. Par exemple, le code suivant :

var s = "rouge;vert;bleu";
var t = s.split( ";" );

alert( t[ 1 ] );

Exercice 2

Ecrivez un code qui demande à l'utilisateur de saisir une chaîne de caractères ne contenant que des chiffres et qui affiche dans une fenêtre le nombre d'occurences de chaque chiffre apparaissant au moins une fois dans la chaîne. Par exemple, si l'utilisateur saisit la chaîne "112522312411443", le programme affiche la fenêtre suivante : On peut supposer que la chaîne de caractères saisie par l'utilisateur est valide (c'est à dire ne contient que des chiffres).

La méthode sort

La méthode sort permet de trier le contenu d'un tableau. Cette méthode modifie le contenu du tableau en déplaçant les valeurs de façon à les faire apparaître triées. Le tri par défaut est alphabétique et il est possible de changer ce mode (on verra comment dans la leçon suivante). Par exemple, le code suivant :

var t = [ "orange", "ananas", "pomme", "banane" ];

t.sort();

alert(t);