Retour au site Sites du réseau: MonWebDesign.com | Forum-permis.com
 FAQFAQ   RechercherRechercher   Liste des MembresListe des Membres  Groupes d'utilisateursGroupes d'utilisateurs   S'enregistrerS'enregistrer 
 ProfilProfil   Se connecter pour vérifier ses messages privésSe connecter pour vérifier ses messages privés   ConnexionConnexion 


Connexion
Nom d'utilisateur:    Mot de passe:      Se connecter automatiquement à chaque visite    

[Javascript] Les boucles

 
Poster un nouveau sujet   Ce sujet est verrouillé, vous ne pouvez pas éditer les messages ou faire de réponses.    Forums phpBB-Graph.com Index du Forum -> Tutoriaux Graphique
Voir le sujet précédent :: Voir le sujet suivant  
Auteur Message
Jona
VIP
VIP


Inscrit le: 09 Aoû 2003
Messages: 346
Localisation: Liege

MessagePosté le: 14 Mai 2004 22:16    Sujet du message: [Javascript] Les boucles Répondre en citant

Cours de Javascript: Les Boucles

Qu'est-ce qu'une boucle?

Une boucle est une maniere tres simple de faire executer un certain nombre de fois un meme bloc d'instrutions. Le nombre de fois que le bloc sera executé peut etre connu du programmeur ou non en fonction du type de boucle utilisé.

Les types de boucles

Il existe deux sortes de boucles en Javascript. Chacune a ses avantages et ses inconvénients.

La boucle 'for'

La boucle for est une boucle qui a pour avantage de savoir combien de fois le programme va boucler. En effet, c'est le developpeur qui en decideras. Elle s'initialise en 3 parties a l'aide du mot-clé for. Ensuite, on retrouve les trois parametres de la boucle separes par un point-virgule.

* L'assignation: On déclare la variable de la boucle
* La limite: On determine quand la boucle s'arrete
* L'incrementation: On determine le pas d'incrementation de la variable

Mettons nous tout ca dans la tete avec un exemple. La boucle ci dessous ecrira 100 lignes.


Code:
for(ln_i=0; ln_i‹101; ln_i++)
   {
   document.write('ligne n°'+ln_i');
   }



Passons cet exemple en revue:
En premier lieu, on déclare la boucle a l'aide de for. Ensuite, on déclare la variable "ln_i" et on lui attribue une valeur de depart (ici ln_i vaut 0). Le point virgule fait comprendre a l'interpreteur Javascript que nous passons au parametre suivant de la boucle. Ici, on dit que le programme bouclera tant que ln_i est strictement plus petit que 101. Passons maintenant au dernier parametre. Celui ci dit qu'a chaque passage dans la boucle, ln_i est incrementée de 1.

La boucle 'while'

La boucle while est une boucle définie a partir d'une condition. Tant que la condition n'est pas vraie, le pogramme bouclera. La boucle est initialisée a l'aide du mot-clé while. Au niveau de la syntaxe, la boucle while a l'avantage d'etre tres simple a écrire. Voyons un exemple, celui ci simule une boucle for.


Code:
var ln_i=0;
while(ln_i‹101)
   {
   ln_i++;
   document.write('ligne n°'+ln_i');
   }



Analysons ce morceau de code:
Tout d'abord, j'ai initialisé la variable ln_i pour qu'elle puisse etre utilisable dans la boucle. Ensuite, on arrive au début de la boucle. On y trouve le mot-clé while suivi de la condition a remplir pour sortir de la boucle. Ici la condition est que ln_i doit etre plus grand ou égal a 101. Enfin, nous avons le bloc d'instructions qui sera executé dans la boucle.

La boucle "do...while"

La boucle do...while est une boucle while inversée. Elle a pour avantage d'assurer au moins un passage dedans.
Sortir d'une boucle

Vous pouvez également sortir d'une boucle même si celle ci n'est pas sensée etre terminée en utilisant le mot-clé break. Celui ci dira au programme de sortir de la boucle sans tenir compte des parametres de celle ci. Prenons un exemple simple, le meme que ci dessous mais on va sortir de la boucle a la 50 ieme ligne.


Code:
for(ln_i=0; ln_i‹101; ln_i++)
   {
   document.write('ligne n°'+ln_i');
   if(ln_i==50)
      {
      break;
      }
   }


Tuto réalisé par Jona pour phpbb-graph.
Pour reproduction sur autre site, me contacter par MP

_________________
Euh... Je suis un mec... Employez donc mon pseudo au masculin merci...
Revenir en haut
Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web du posteur
Montrer les messages depuis:   
Poster un nouveau sujet   Ce sujet est verrouillé, vous ne pouvez pas éditer les messages ou faire de réponses.    Forums phpBB-Graph.com Index du Forum -> Tutoriaux Graphique Toutes les heures sont au format GMT
Page 1 sur 1

 
Sauter vers:  
Vous ne pouvez pas poster de nouveaux sujets dans ce forum
Vous ne pouvez pas répondre aux sujets dans ce forum
Vous ne pouvez pas éditer vos messages dans ce forum
Vous ne pouvez pas supprimer vos messages dans ce forum
Vous ne pouvez pas voter dans les sondages de ce forum
Vous pouvez joindre des fichiers
Vous pouvez télécharger des fichiers


Powered by phpBB © 2001, 2005 phpBB Group