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 tag e folosit pentru a adauga liste cu definitii in element <dl>?

<dl>
 <dt>HTML</dt>
  <dd> - Hyper Text Markup Language</dd>
  <dd> - Limbaj de cod pentru pagini web</dd>
</dl>

Care proprietate CSS poate sa ascunda un element in pagina, lasand spatiu gol in locul lui?

display position visibility

#id {
  visibility: hidden;
}

Indicati evenimentul declansat cand se apasa clic pe un obiect in pagina.

onclick onmouseover onfocus

document.getElementById("id").onclick = function(){
  alert("http://www.MarPlo.net/");
}

Indicati variabila PHP ce contine datele din $_GET, $_POST si $_COOKIE.

$_SESSION $_GET $_REQUEST

if(isset($_REQUEST["id"])) {
  echo $_REQUEST["id"];
}

Care din urmatoarele cuvinte reprezinta un Verb?

lighting believe path

I believe in my path.
- Eu cred in calea mea.