4.2     Les boucles, exemple avancés



Exemple 1

Dans l'exemple 1, nous définissons un tableau MeubleClassique. A l'aide d'une boucle, nous affichons le contenu du tableau.

    var MeubleClassique = new Array();
    MeubleClassique[0] = "Mozart";
    MeubleClassique[1] = "Chopin";
    MeubleClassique[2] = "Haendel";
    MeubleClassique[3] = "Bach";
    MeubleClassique[4] = "Lully";
    MeubleClassique[5] = "Gounod";
    MeubleClassique[6] = "Schubert";
    MeubleClassique[7] = "Brahms";
    MeubleClassique[8] = "Verdi";
    MeubleClassique[9] = "Wagner";
    for(var i=0; i<=9; i++) { 
          alert ("Le casier " + i + " contient : " + MeubleClassique[i]);
    }
        Exécuter cet exemple : Exemple 1

Remarquons que nous pouvons remplacer la condition i<=9 par i<MeubleClassique.length

Exemple 2

    document.writeln("<table border='1'><tr><td>n</td><td>8*n</td></tr>");
    for (var i=0; i<11; i++){
           document.writeln("<tr><td>"+i+"</td><td>"+8*i+"</td></tr>");
    }
    document.writeln("</table>")
    
        Exécuter cet exemple : Exemple 2

Cette boucle permet de constuire dynamiquement un tableau dans une page HTML.

Il faut recherger la page après avoir exécuté cet exemple.

Exercice 1

//Construire une boucle qui affiche les neuf chaînes de caractères "a1, a12, a13, a21, a22, ... , a33".
    
        Copier cet exercice : Exercice 1                

Exercice 2

//Nombres de Fibonacci : créer une boucle qui affiche les 11 premiers nombres de Fibonacci.
//0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55.  
    
        Copier cet exercice : Exercice 2                

Exercice 3

//Créer une boucle qui affiche un tableau contenant le nom, la fonction et le numéro de téléphone.    
    var nom = ["Adrien" , "Virginie , "Charles"];
    var fonction = ["Manager" , "Finance", "Ressource humaine"];
    var tel = ["88 704" , "88 710" , "88 711"];
    
        Copier cet exercice : Exercice 3