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 HTML5 defineste un text marcat, evidentiat?

<p>Cursuri graruite: <mark>MarPlo.net</mark> , jocuri, anime.</p>

Ce pseudo-clasa CSS defineste un stil la element cand mouse-ul e deasupra lui?

:focus :hover :active

a:hover {
  font-weight: bold;
  color: #00da01;
}

Clic pe functia ce returneaza un sir cu un numar rotunjit la x decimale.

toPrecision(x) toFixed(x) floor(x)

var num = 12.34567;
num = num.toFixed(2);
alert(num);       // 12.35

Indicati functia PHP care adauga continutul unui fisier intr-un array.

[) file() readfile()

$arr = file("a_file.txt", FILE_IGNORE_NEW_LINES | FILE_SKIP_EMPTY_LINES);
var_export($arr);

Clic pe raspunsul potrivit la intrebarea: "What time is it?"

On the 7th of July 1996 It is a quarter to 5. Nice weather.

What time is it? It is a quarter to 5.
- Cat este ora? E 5 fara un sfert.

Indicati raspunsul potrivit la intrebarea: "¿Qué hora es?"

Hace buen tiempo. En el 7 de julio de 1996 Son las tres menos cuarto.

¿Qué hora es? Son las tres menos cuarto.
- Cat este ora? E 3 fara un sfert.