Instructiuni repetitive for()

Instructiunile repetitive se folosesc atunci cand se doreste efectuarea unei comenzi de mai multe ori.
Instructiunile "for" executa codul de un numar specificat de ori.

Instructiunea for

Instructiunea for() se foloseste pentru a rula un cod de un numar specifitat de repetari.
Sintaxa:

for(nr_start; conditie_nr, increment_nr){
 //cod care va fi executat
}

- "nr_start" e o variabila cu o valoare de inceput a numarului de repetari.
- "conditie_nr" o conditie (expresie logica) ce verifica daca numarul de repetari se incadreaza intr-o anumita valoare. Daca rezultatul este TRUE se executa inca o data codul dintre acolade.
- "increment_nr incrementeaza sau decrementeaza valoarea la care a ajuns contoarul repetarilor, apoi aceasta valoare este verificata din nou de "conditie_nr" pana cand rezultatul este FALSE.

Intre acoladele de la instructiunea for pot fi introduse si alte instructiuni "for", sau alte instructiuni conditionale, acest lucru se numeste imbricarea instructiunilor.

Exemplu:

<script>
//repeta rularea unui cod de 5 ori (de la 0 la 4 inclusiv)
for(var i=0; i<5; i++){
 document.write('<br>i este: '+i);
}
</script>

Se atribue lui 'i' valoarea 0, se verifica conditia (i<5) care este adevarata si se executa corpul instructiunii (dintre acolade, care afiseaza "i este 1) apoi se incrementeaza valoarea lui 'i' cu o unitate (i++), acum 'i' are valoarea 2.
Se verifica din nou conditia (i<5) si fiindca este adevarata, se executa iar corpul instructiunii apoi se incrementeaza inca o data valoarea lui 'i', ..., si tot asa pana cand 'i' va ajunge sa aibe valoarea 5 care la verificarea conditiei returneaza FALSE, moment in care se termina executia instructiunii "for".

Instructiunea for...in

Cu 'for...in' se parcurg proprietatile dintr-un obiect. Pentru fiecare proprietate se poate executa un set de instructiuni, daca obiectul nu are nici o proprietate nu se desfasoara nici un ciclu.
Acest ciclu se poate executa cu orice obiect JavaScript (inclusiv array).

Sintaxa:

for(variable in object){
 //cod ce va fi executat
}

- "variable" e o variabila care preia numele (sau index-ul) proprietatii curente din obiectul parcurs (object).
Exemplu:

<script>
var obj = {nr:100, bool:false, site:'MarPlo.net'};
for(var prop in obj){
 document.write('<br>'+ prop +' - '+ obj[prop]);
}
</script>

Instructiunea for...of

Cu 'for...of' se parcurg proprietatile dintr-un obiect sau elementele dintr-un array.
Diferenta fata de "for...in" e aceasta: la for...in se retine in 'variabila' numele proprietatii (sau indexul la array), iar la for...of se retine in 'variabila' valoarea proprietatii (sau a elementului din array).

Sintaxa:

for(variable of object){
 //cod ce va fi executat
}

- "variable" e o variabila care preia valoarea proprietatii (sau pt. array, a elementului) curente din obiectul parcurs (object).
Exemplu:

<script>
var arr =['MarPlo.net', 'GamV.eu', 80];
for(var elm of arr){
 document.write('<br>'+ elm);
}
</script>

forEach()

forEach() este o metoda JavaScript care se foloseste pentru a parcurge elementele dintr-un Array.
Sintaxa:

Array.forEach(callbackF)

- 'callbackF' este o functie care va fi apelata pentru fiecare element din Array.
Aceasta functie poate avea trei parametri: callbackF(val, index, Array)

val - valoarea elementului curent.
index - index-ul elementului curent.
Array - array-ul care e parcurs (optional).

Exemplu, afiseaza index-ul si valoarea fiecarui element dintr-un Array.

<script>
var arr = [100, 'GamV.eu', 'MarPlo.net'];

//functia callback
function parseArr(val, index) {
 document.write('['+ index +'] = '+ val +'<br>');
}

//parcurge array-ul 'arr', folosind functia parseArr()
arr.forEach(parseArr);
</script>

<<-Instructiuni conditionale if() else, .. -- Instructiuni repetitive while->>

Un Test simplu in fiecare zi

HTML

CSS

JavaScript

PHP-MySQL

Engleza

Spaniola

Ce atribut e folosit in tag-ul <a> pentru adresa link-ului?

src href rel

<a href="http://coursesweb.net/" title="CoursesWeb.net">CoursesWeb.net</a>

Ce proprietate CSS seteaza tipul fontului utilizat?

font-family text-decoration font-size

h2 {
  font-family:"Calibri", sans-serif;
}

Ce instructiune selecteaza toate tag-urile <div> cu class="cls"?

querySelector("div.cls") getElementsByTagName("div") querySelectorAll("div.cls")

var elm_list = document.querySelectorAll("div.cls");
var nr_elms = elm_list.length;       // numar elemente selectate
alert(nr_elms);

Indicati functia care returneaza suma valorilor dintr-un array.

array_sum() array_diff() array_shift()

$arr =[1, 2, 3, 4);
$arr_sum = array_sum($arr);
echo $arr_sum;       // 10

Indicati forma corecta a verbului "study" (a studia) la Trecutul Simplu in aceasta propozitie: "We (study) English."

studyed studys studied

We studied English.
- Noi am studiat engleza.

Indicati forma corecta a verbului "decir" (a spune) la Prezent in aceasta propozitie: "Yo (decir) siempre la verdad."

digas digo decir

Yo digo siempre la verdad.
- Eu spun mereu adevarul.