Priručnik za polaznike 2015 Srce Osnove JavaScripta

4.4. Logički operatori

Logički operatori se najčešće koriste kod složenih uvjeta za grananja i petlje.

Operator	Značenje
logičko i (&&):	rezultat je true ako i samo ako su oba operanda true; inače daje false
logičko ili (||):	rezultat je true ako je jedan od operanada true; inače daje false
logičko ne (!):	unarni operator kod kojeg je rezultat true samo ako je operand false; inače daje false

4.5. Operator spajanja

Operator + spaja dva niza znakova u jedan novi. Npr:

Operator + daje viši prioritet nizovima znakova nego brojevima. Dakle, ako je jedan operand niz znakova, onda se i drugi operand pretvori u niz znakova i obavi se spajanje. Kod operatora uspoređivanja je obratno. Naime, ako je jedan operand broj, drugi se pretvara u broj i obavlja se uspoređivanje. Stoga je važno pripaziti:

4.6. Vježba 2.

1. 
   Izradite HTML-datoteku, naziva operatori.html, istog sadržaja kao u vježbi 1.
   
2. 
   Deklarirajte dvije varijable iA i iB i dodijelite im proizvoljne cjelobrojne vrijednosti.
   
3. 
   Deklarirajte varijable iSuma, iRazlika i iModulo koje će sadržavati redom: sumu, razliku, modulo varijabli iA i iB.
   
4. 
   Postavite inicijalne vrijednosti varijabli iSuma, iRazlika i iModulo na nulu koristeći se operatorom pridruživanja.
   
5. 
   Deklarirajte varijablu bLogicka.
   
6. 
   Prikažite inicijalne vrijednosti varijabli iA i iB pomoću funkcije document.write.
   
7. 
   Izračunajte tri aritmetičke operacije iz druge točke, dodijelite ih odgovarajućim varijablama i prikažite ih.
   
8. 
   Inkrementirajte varijablu iA i dekrementirajte varijablu iB te prikažite nove vrijednosti varijabli iA i iB.
   
9. 
   Već izračunatoj sumi dodajte novu vrijednost varijable iA koristeći se pridruživanjem s operacijom. Prikažite novu vrijednost varijable iSuma.
   
10. 
    Varijabli bLogicka dodijelite rezultat usporedbe je li vrijednost varijable iA veća od 5. Prikažite vrijednost varijable bLogicka.
    
11. 
    Prikažite iA + iB i uočite da se ne dobije zbroj već niz znakova.
    
12. 
    Ispišite (iA + iB) i uočite da je zbroj točno ispisan.
    

Rezultat

Početna vrijednost iA: 10

Početna vrijednost iB: 3
Suma: 13
Razlika: 7
Modulo: 1
iA nakon ++: 11
iB nakon --: 2
Sumi dodamo iA: 24
Je li iA > 5: true
Paziti na konverzije iA + iB: 112
Paziti na konverzije (iA + iB): 13
Rješenje

V.Funkcije

5.1. Definiranje funkcije

Funkcija je konstrukcija u JavaScriptu pomoću koje grupiramo veći broj naredbi koje izvršavamo navodeći ime funkcije. Tako skraćujemo pisanje programa (ako više puta pozivamo istu funkciju) te pojednostavljujemo program (npr. cijeli program može se sastojati od poziva funkcija proizvoljnog imena te tako pokazuje logiku programa, što bi inače bilo skriveno u velikom broju naredbi). Najčešći je način definiranja funkcije pomoću ključne riječi function:

function (, , ...){

// naredbe

}

Popis argumenata nije obavezan, ali okrugle zagrade jesu. Tijelo funkcije piše se u vitičastim zagradama {...} koje označavaju blok naredbi, tj. to je način da se nekoliko naredbi poveže u jednu cjelinu.

Funkcija može vratiti vrijednost naredbom return, ali i ne mora. Evo nekoliko primjera:

5.2. Poziv funkcije

Funkcija se poziva tako da se navede njezin naziv, a argumenti funkcije u okruglim zagradama. Ako funkcija nema argumenata, ne navodi se ništa, ali zagrade su obavezne. Ako se funkciji proslijedi manje argumenata nego ih sadrži definicija funkcije, drugi argumenti dobiju vrijednost undefined. Na primjer, gore definirane funkcije pozivaju se ovako:

5.3. Doseg varijabli

U JavaScriptu vrijednost je varijable dostupna na dva načina – samo unutar određene funkcije ili u cijelom programu. Varijable koje su dostupne u cijelom programu nazivamo globalne varijable, a varijable koje su dostupne samo unutar funkcije nazivamo lokalne varijable. Prilikom uporabe varijabli poželjno je uvijek ih deklarirati pomoću ključne riječi var:

• 
  Ako je varijabla deklarirana pomoću ključne riječi var ili joj je samo dodijeljena vrijednost u glavnom programu (izvan svih funkcija), varijabla je globalna.
  
• 
  Ako je varijabla deklarirana unutar određene funkcije pomoću ključne riječi var, tada je varijabla lokalna.
  
• 
  Ako varijabla nije deklarirana, nego joj je samo dodijeljena neka vrijednost unutar određene funkcije, tada je varijabla globalna.
  

5.4. Vježba 3.

1. 
   Izradite HTML-datoteku naziva funkcije.html istog sadržaja kao u vježbi 1.
   
2. 
   Iskoristite definicije funkcija ispis i fUdaljenost iz točke 5.1.
   
3. 
   Deklarirajte varijable sMjesto, iMjerilo i iUkupno.
   
4. 
   Varijabli sMjesto dodijelite proizvoljan naziv grada.
   
5. 
   Varijabli iMjerilo dodijelite vrijednost 25.
   
6. 
   Izračunajte udaljenost mjesta od mora, tj. duljinu puta od točke (0,0) do točke (3,5) kroz točku (2,1) na karti mjerila pohranjenoj u varijabli iMjerilo.
   
7. 
   Ispišite dobrodošlicu u grad.
   
8. 
   Ispišite izračunatu udaljenost do mora (u kilometrima).
   

Rješenje__Rezultat'>Rješenje

Rezultat

Dobrodošli u Velegrad!

Velegrad je 150 kilometara udaljen od mora.


VI.Naredbe za kontrolu tijeka

6.1. Uvjetno izvođenje naredbi

Osnovna naredba za grananje je naredba if. Njezin je najjednostavniji oblik:

gdje je uvjet logički izraz čiji je rezultat istina (true) ili neistina (false). Kad operandi u izrazu nisu logički, prevode se u logičke vrijednosti. Ove se vrijednosti uvijek prevode u false:

• 
  null
  
• 
  undefined
  
• 
  prazan niz znakova ('' ili "")
  
• 
  broj 0
  
• 
  NaN.
  

Sve druge vrijednosti prevode se u true.

U ovom primjeru vrijednost varijable ime je prazan niz, što će se prevesti kao false.

Vitičaste zagrade, koje označavaju blok naredbi, nisu potrebne ako iza uvjeta slijedi samo jedna naredba, ali se preporuča uvijek ih pisati radi jednoznačnosti.

Drugi oblik je oblik if..else:

Taj oblik ima još jedan blok, koji se izvodi ako uvjet nije zadovoljen.

6.2. Višestruka usporedba

Ako jednu vrijednost treba usporediti više puta, rabi se nekoliko naredbi if..else:

Međutim, takav način pisanja višestruke usporedbe prilično je nepregledan. Stoga se rabi naredba switch:

Ta naredba provjerava je li izraz u okruglim zagradama (odmah iza ključne riječi switch) istovjetan (koristi se operator ===), dakle, i po vrsti jednak, jednoj od vrijednosti iza ključne riječi case. Ako takva vrijednost postoji, izvršava se blok naredbi iza te vrijednosti do kraja cijele naredbe switch ili do ključne riječi break, koja prekida blok koji se trenutačno izvršava, tj. završava naredbu switch. Dakle, moguće je tu naredbu napisati tako da se jedan blok izvrši za više vrijednosti:

Treba pripaziti da se na kraju svakog bloka naredbi napiše naredba break. Ako se ona nehotice izostavi, neće biti prijavljena pogreška, nego će se izvršiti i sljedeći blok naredbi.

Ako ne postoji vrijednost koja je istovjetna provjeravanom izrazu, izvršava se blok iza ključne riječi default. Iako je uobičajeno da se blok default piše posljednji (jer onda ne treba pisati naredbu break), to nije obavezno. Taj je blok ravnopravan drugim blokovima.

6.3. Uvjetni operator

Uvjetni operator jedini je operator s tri operanda u JavaScriptu:

što je jednako ovom:

Taj operator najčešće se koristi pri inicijalizaciji varijabli:

6.4. Petlja s uvjetom na početku

Osnovna je petlja u JavaScriptu petlja while:

Tijelo petlje izvršava se sve dok je uvjet zadovoljen. Stoga bi se naredbom while(true){...} napravila beskonačna petlja. Ako uvjet nije zadovoljen prije početka petlje, njezino tijelo se neće izvesti niti jednom.

6.5. Petlja s uvjetom na kraju

Često je potrebno izvršiti neke postupke barem jednom i tek tada provjeriti određeni uvjet. U takvom slučaju koristi se do..while konstrukcija:

Konstrukcija do..while mora se završiti kao naredba točka-zarezom (zato jer završava uvjetom, a ne blokom kao osnovna petlja while).

6.6. Petlja s poznatim brojem ponavljanja

Kad je točno poznat broj ponavljanja nekog postupka ili su poznati početni i krajnji uvjet, koristi se petlja for:

Petlja for istovjetna je ovoj petlji while:

Primjer uporabe:



6.7. Vježba 4.

1. 
   Izradite HTML-datoteku naziva petlje.html istog sadržaja kao u vježbi 1.
   
2. 
   Definirajte funkciju ispis kao u vježbi 3.
   
3. 
   Deklarirajte varijable iA, iB, sOperacija i iRazlika.
   
4. 
   Varijablama iA i iB dodijelite proizvoljne vrijednosti.
   
5. 
   Varijabli sOperacija dodijelite niz znakova +.
   
6. 
   Rabeći jednostavno grananje provjerite je li varijabla iA veća ili manja od iB.
   
7. 
   Rabeći višestruko grananje ispišite koja je operacija zapisana u varijabli sOperacija.
   
8. 
   Izračunajte i ispišite razliku brojeva iA i iB, ali tako da oduzmete veći broj od manjeg. Uporabite uvjetni operator.
   
9. 
   Uporabom petlje for ispišite 10 redaka teksta: "For: redak x", gdje je x broj retka.
   
10. 
    Napišite prethodnu petlju for pomoću petlje while.
    

Rješenje