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 element HTML adauga continut flash SWF in pagina web?

<object type="application/x-shockwave-flash" data="file.swf" width="500" height="250">
 <param name="src" value="file.swf" />
 Browser-ul dv. nu suporta SWF.
</object>

Care pseudo-clasa CSS adauga un stil la un camp input de formular cand e cursorul in el?

:active :focus :hover

input:focus {
  background-color: #88fe88;
}

Clic pe instructiunea care transforma un sir JSON in obiect JavaScript.

JSON.stringify(javascript_object) object.toString() JSON.parse(json_string)

var jsnstr = '{"url": "http://coursesweb.net/", "title": "Web Development Courses"}';
var obj = JSON.parse(jsnstr);
alert(obj.url);

Indicati functia PHP care poate crea sau scrie un fisier pe server.

fopen() file_put_contents() file_get_contents()

if (file_put_contents("file.txt", "content")) echo "Fisierul a fost creat";
else echo "Fisierul nu poate fi creat";

Cum se spune "al treilea" in engleza?

threeth third three

I planted the third tree.
- Am plantat al treilea pom.

Cum se spune "al treilea" in spaniola?

segundo tres tercero

Yo planté el tercero árbol.
- Am plantat al treilea pom.