Code Carrots

Czym jest pętla?

Jedna z podstawowych struktur programowania.

Służą nam do powtarzania czynności wiele razy.

Przykłady...

Jak działa pętla

Pętla powtarza wykonanie bloku kodu gdy określony warunek jest spełniony.

Tym warunkiem może to być:

• koniec tablicy, na której działamy
• ewaluacja określonej wartości do false

Pętla FOR

Służy do powtarzania bloku kodu daną liczbę razy

              
                for (var i = 0; i<10; i++) {
                    console.log(i);
                };
              
          

Zadania

Stwórz ręcznie tablicę złożoną z 10 elementów i wyświetl je w konsoli po kolei

Wyświetl w konsoli liczby parzyste od 0 do 100

Wyświetl w konsoli liczby od 100 do 1

* Stwórz ręcznie tablicę, a następnie przy pomocą pętli stwórz tablicę zawierającą te same elementy w odwrotnej kolejności. Wyświetl je w alercie.

** Za pomocą pętli policz silnię z dowolnej, podanej liczby

Pętla FOR ... IN

Służy do przechodzenia przez wszystkie elementy danego obiektu

              
            var codeCarrots = {nazwa: 'CodeCarrots', typ: 'warsztaty', liczbaUczestników: 23}
            for (var klucz in codeCarrots) {
                console.log( 'Wartość właściwości: "' + klucz + '" to: ', codeCarrots[klucz] );
            cr}
            
          

Zadania

Stwórz obiekt i wyświetl wszystkie jego elementy w formacie: "(klucz) wynosi (wartość)"

* stwórz tablicę zawierającą 3 obiekty. Wyświetl wszystkie elementy wszystkich obiektów, zaznaczając którego obiektu elementy są wyświetlone

PĘTLA WHILE

Służy do powtarzania bloku kodu do czasu, kiedy dany warunek przestanie być prawdziwy

          
            var i = 0;
            var array = [];
            while ( i<10 ) {
                array[i] = i;
                i++;
            }
          console.log(array);
        
      

Zadania

Stwórz tablicę złożoną z 10 kolejnych wielokrotności liczby 5 za pomocą pętli while

Wyświetl w konsoli liczby parzyste od 0 do 100 za pomocą pętli while

* Pobieraj od użytkownika liczby tak długo, aż wpiszę liczbę większą niż 50. Wtedy wyświetl tablicę złożoną z wpisanych dotychczas liczb na stronie

PĘTLA DO WHILE

Służy do powtarzania bloku kodu do czasu, kiedy dany warunek przestanie być prawdziwy

Ale w tym przypadku sprawdzamy warunek już po wykonaniu się bloku kodu

        
          var i = 0;
          do {
              console.log(i);
          } while (i!=0);
      
    

Zadania

Wypisz na stronie elementy poniższej tablicy do elementu "stop" włącznie.

var myArray = ['uczę', 'się', 'programować', 'stop', 'lubię', 'to']

* Pobieraj od użytkownika liczby tak długo, aż wpiszę liczbę większą niż 50. Wtedy wyświetl tablicę złożoną z wpisanych dotychczas liczb na stronie z ostatnią włącznie

Switch

To taki nietypowy if. Pozwala na tworzenie kilku warunków na raz

      
        var expr = 'jabłka'
        switch (expr) {
        case "Pomarancza":
            console.log("Pomarańcze kosztują 2 zł");
            break;
        case "jabłka":
            console.log("Jabłka kosztują 1 zł");
            break;
        case "Banan":
            console.log("Banany kosztują 3 zł");
            break;
        default:
            console.log("Nie mamy " + expr + ".");
      }
      
      

BREAK, CONTINUE

Break przerywa działanie - zarówno pętli, zanim nasz kod się skończy, jak i instrukcji switch.

Continue powoduje natychmiastowe przejście do następnego obrotu pętli

Zadanie

Poproś użytkownika o wpisanie imienia i godziny. W alercie wyświetl użytkownikowi powitanie wraz z imieniem. Jeśli godzina wpisana przez użytkownika jest od 6 do 12, powitanie powinno brzmieć "dzień dobry", od 12 do 18 "Jak mija dzień?", od 18 do północy "Dobry wieczór", a od północy do 6 "idź spać!!!"

Praca domowa - trudna

Stwórz funkcję, która pobierze od użytkownika jego typ "rock paper scissors lizard spock", następnie wylosuj typ komputera i pokaż w alercie, kto wygrał.