TABLEAUX ET FONCTIONS EN JS

1 Les tableaux

Les tableaux sont des variables qui permettent de stocker plusieurs données à la fois. Ils sont généralement utilisés pour stocker une liste d’éléments (nombres, textes, tableaux). De manière interne, les tableaux sont représentés de la manière suivante :

La taille d’un tableau est dynamique. Elle augmente au fur et à mesure qu’on y ajoute des éléments. Elle est donnée par la propriété «length» (exemple : tableau1.length)

syntaxe

Pour créer (déclarer) un tableau on utilise les syntaxes ci-après : tableau1 = new Array( ) ;// sans initialisation

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

Pour accéder à un élément du tableau, on utilise la syntaxe suivante : tableau1 [indice].

N.B : la position 1 est répérée par l’indice 0

Exemple : tab [3] indique la valeur contenue à la position 4 du tableau tab.

<script language="JavaScript">

alert ("Prénoms par ordre alphabétique") for (indice=0 ; indice<tab.length ; indice++) { alert (tab [indice]) ;

}

</script >

Indice 0 Indice 1 Indice 2 Indice 3 … Indice n

Donnée 1 Donnée 2 Donnée 3 Donnée 4 … Indice n

P

La première ligne du script déclare un tableau vide ; Ensuite on insère les prénoms «Ella», «Anicet» ;

On remplace la valeur d’indice 0 (c’est-à-dire «Ella») par «Raissa» ; On range les données par ordre alphabétique ;

On entre dans une boucle «For» avec pour compteur «indice» initialisée à 0, la condition de continuation «indice<2» car la taille du tableau est 2 ;

La boucle va afficher les valeurs du tableau indice après indice.

2 Les fonctions

On appelle fonction un sous-programme qui permet d'effectuer un ensemble d'instruction par simple appel de la fonction dans le corps du programme principal.

Une fonction qui ne retourne aucune valeur est appelée procédure. Dans JavaScript, les fonctions et les procédures sont définies par le mot clé function.

NB : Avant d’être utilisée, une fonction ou procédure doit être définie car pour l’appeler dans le corps du programme il faut que le navigateur la connaisse, c’est -à-dire son nom, ces arguments (paramètres) et les instructions qu’elle contient.

La déclaration d’une fonction ou procédure se fait en respectant la syntaxe suivante :

Syntaxe :

function nom_fonction(parametre 1, parametre 2, ...) { <instructions >

<instructions >

…..

[ return resultat; ] /* présent si c’est une fonction */

}

Exemple : fonction calculant le carrée d’un nombre qu’on lui passe en paramètre.

function carre(nombre){

res = nombre*nombre ; return res;

}

Groupe WhatsApp « Les grandprofs Info »

129

P R O G R A M M E R

E N

J A V A S C R I P T

Pour utiliser une fonction, il suffit de faire appel à elle en écrivant son nom (tout en respectant la case) suivie d’une parenthèse ouvrante (éventuellement ces arguments) puis d’une parenthèse fermente. Exemple : a = carre(5) ;

Remarques:

a Fonctions prédéfinies

Javascript dispose aussi de fonctions mathématiques tels que : Math.abs(x), Math.sqrt(x), Math.pow(x,y), Math.sin(x), Math.log(x), Math.random(), Math.max(x,y), Math.min(x,y) etc.

b Portée d’une variable

Toute variable déclarée en dehors de toute fonction, est dite variable globale et peut donc être exploiter partout dans le script tandis qu’une variable déclarée par le mot clé var dans une fonction aura une portée limitée à cette seule fonction et ne pourra donc pas être exploiter ailleurs dans le script. D'où le nom de variable locale.

Par contre, toujours dans une fonction, si la variable est déclarée de manière implicite (sans utiliser le mot var), sa portée sera globale.

P

1) En JavaScript, l’instruction permettant d’affecter la valeur 1 dans la 2e case du tableau nommé tab est :

a- tab[1]=1 ; b- tab(1)=2 ; c- tab[2]=1 ; d- tab(1)=2 2) L’instruction permettant d’afficher la taille du tableau nommé tab en JavaScript est : a- Alert(tab.taille) ; b- Document.write(tab.size) ; c- Alert (Tab.length) ; d- Alert (tab.length) ;

3) L’une des méthodes suivantes permet de convertir un tableau en chaine de caractère ;

a- concat() ; b- sort() ; c- join(); d- length() 4) Une structure permettant d’effectuer répétitivement une série d’opérations avec une condition est :

a- une fonction ; b- une boucle ; c- une procedure; d- une itération 5) Selon la hiérarchie des objets en JS, le bouton but1 du formulaire form1 peut être accéder par :

a- window.form1.but1; b- document.form1.but1;

c- document.window.form1.but1; d- window.but1 ; Exercice 2 Répondre par Vrai ou Faux

1) On peut déclarer un tableau sans initialiser en JavaScript 2) La méthode prompt() est une instruction d’écriture ou de sortie 3) Le mot clé return est obligatoire dans la déclaration d’une procédure

Exercice 3

On considère le code JavaScript suivant. Répondre clairement aux questions suivantes

EXERCICES

Groupe WhatsApp « Les grandprofs Info »

131

3. Quel titre aura le document généré par ce code lorsqu’il sera interprété ?

4. Combien de variables compte ce programme

?

5. Quel sera le contenu de la variable moyenne lorsque le code sera interprété ?

6. Relever dans ce code : a. Une instruction d’initialisation b. Une instruction d’affichage

c. Un nom de fonction

d. Une structure de contrôle

7. Dans quel endroit de la page HTML a été inséré le code JavaScript ?

Exercice 4

Le proviseur du lycée a besoin d’un élève de terminale parce qu’il aimerait calculer directement depuis une des pages web du site du lycée le nombre total des élèves et vous allez l’y aider.

1. Donner la syntaxe d’une fonction en JavaScript 2. Donner la syntaxe d’une boucle for en JavaScript

3. Écrire une fonction nommée som_tab qui prend un tableau d’entiers en paramètre

et retourne la somme de ses valeurs 4. Déclarer sans initialiser un tableau nommé nbr_el_class qui enregistrera chaque

fois le nombre d’élèves d’une classe 5. Que fais ce bout de code ?

j=0 ; do{

var a= parseInt(prompt("entrer un nombre d’eleves et 0 lorsque vous avez parcouru toutes les classes") );

P R O G R A M M E R

E N

J A V A S C R I P T

Tab[j]=a;

j=j+1;

}while (a != 0) ;

En utilisant les questions 3, 4 et 5, écrire un script pour afficher le nombre d’élèves de l’établissement au Boss

Groupe WhatsApp « Les grandprofs Info »

133