Curs Javascript

Matricele (Array) sunt tablouri de date care pot stoca mai multe valori intr-un singur nume de variabila (vedeti si punctul 2, "Obiectul Array" din lectia Obiecte JavaScript).
Matricele sunt de doua feluri: secventiale (care are cheile numere consecutive) si asociative (in care cheile sunt numere aleatoare, sau chiar siruri).

1. Array secvential

Matricele secventiale pot fi create in mai multe moduri, in general folosind Obiectul Array. Iata cateva exemple ale aceeasi matrice:
<script type="text/javascript"><!--
// Metoda 1 - cu specificarea cheilor si separat fiecare element
var aray1 = new Array();
aray1[0] = 'marplo.net';
aray1[1] = 'jocuri';
aray1[2] = 'anime';

// Metoda 2 - separat fiecare element, dar fara specificarea cheilor (fiind subantelese)
var aray2 = new Array();
aray2[] = 'marplo.net';
aray2[] = 'jocuri';
aray2[] = 'anime';

// Metoda 3 - elementele adaugate direct in initializarea obiectului Array (separate prin virgula)
var aray3 = new Array('marplo.net', 'jocuri', 'anime');

// Metoda 4 - intre o pereche de paranteze patrate (fara specificarea lui Array)
var aray4 = ['marplo.net', 'jocuri', 'anime'];
//--></script>
- Toate cele 4 matrici (aray1, aray2, aray3 si aray4) sunt identice ca valori si chei, au aceleasi elemente.

Parcurgerea unei matrice (sau Array) secventiale se face de obicei cu instructiunea "for".
Exemplu:
<script type="text/javascript"><!--
// Array-ul cu datele
var aray = new Array('marplo.net', 'cursuri', 'tutoriale');

// Parcurgerea matrice cu "for" si afisarea unei ferestre Alert cu fiecare element
for (var i=0; i<aray.length; i++) {
    alert(aray[i]);
}
//--></script>
- "aray.length" determina numarul de elemente din matricea "aray"
- Ca sa vedeti rezultatul acestui exemplu, click pe butonul

2. Array asociativ

In cazul matricelor asociative lucrurile sunt putin diferite. Pentru crearea lor se foloseste metoda 1 (aratata mai sus), in care se initializeaza obiectul Array si se specifica separat fiecare cheie si element.
Pentru parcurgerea unui Array asociativ trebuie abordata a o alta metoda, mai ales daca se doreste si aflarea /folosirea valorii cheilor. Se foloseste o alta forma a instructiunii "for", si anume: for (var i in nume_array) (e similara cu "foreach" din PHP), aceasta parcurge matricea "nume_array" de la primul element pana la ultimul iar variabila "i" va avea ca valoare cheia elementului curent.
Iata un exemplu din care veti intelege mai bine:
<script type="text/javascript"><!--
// Se defineste matricea asociativa
var aray = new Array();
aray['site'] = 'marplo.net';
aray['curs'] = 'javascript';
aray[2] = 'php-mysql';

// Se parcurge matricea cu "for (var i in aray)
for (var i in aray) {
    // Se definesc datele ce trebuie afisate
    var msg = "key = "+ i+ "\nVal = "+ aray[i];
    alert(msg);
}
//--></script>
- Ca sa vedeti rezultatul acestui script, click pe butonul

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.
Parcurgere Array secvential si asociativ

Last accessed pages

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (279621)
  2. Accentul si Pronuntia (29112)
  3. Verbe regulate (9655)
  4. Programe pentru invatare limba Spaniola (9153)
  5. Verbele in limba engleza - Verbs (41671)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (414)
  2. Gramatica limbii spaniole. Indrumator si prezentare generala (319)
  3. Limba spaniola curs online incepatori si avansati (156)
  4. Gramatica limbii engleze - Prezentare Generala (154)
  5. Teste spaniola - Tests y ejercicios de Español - Gramática (152)