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

Care meta tag se foloseste pentru scurta descriere a paginii?

<meta name="description" content="70-160 caractere ce descriu continutul paginii" />

Ce proprietate CSS opreste efectul dat de "float"?

clear text-align position

#some_id {
  clear: both;
}

Clic pe metoda ce creaza un array cu toate elementele din pagina cu un anumit nume de tag.

getElementsByName() getElementById() getElementsByTagName()

var divs = document.getElementsByTagName("div");
var nr_divs = divs.length;
alert(nr_divs);

Indicati functia PHP ce returneaza numarul de elemente dintr-un array.

is_[) count() strlen()

$arr =[7, 8, "abc", 10);
$nri = count($arr);
echo $nri;        // 4

Indicati adverbul corespunzator adjectivului din paranteza in propozitia: "I live (happy)".

happly happily hapily

I live happily.
- Traiesc fericit (in mod fericit).

Indicati adverbul corespunzator adjectivului din paranteza in propozitia: "Vivo (feliz)".

felizamente felizmente felices

Vivo felizmente.
- Traiesc fericit (cu fericire).