JS 12 Tablice.doc

Tablice

Typ tablicowy pozwala na przechowywanie dużej ilości danych typu zorganizowanych pod jedną nazwą. 
Dane mogą być różnych typów. Numeracja komórek zaczyna się od zera.

Tworzenie tablic

var nazwa_tablicy = [];              tworzy tablicę pustą:

var tab_liczb = [1, ,2, ,3];              tworzy tablicę:              

var tab_miesz = [1, 'Jasio' ,2];              tworzy tablicę:              

var tab_pusta = [ , , , , ];              tworzy tablicę 5-elementową:              

Słowo var nie musi wystąpić.

W rzeczywistości tablice są obiektami, więc dla tablicy Tab można skorzystać z metody Tab.length, która daje liczbę komórek tablicy Tab.

Kod:

              var tab_liczb = [1, ,2, ,3];

              document.write(tab_liczb.length);

spowoduje wydruk aktualnego rozmiaru tablicy, czyli 5.

Dostęp do elementów tablicy zapewniony jest przez wyrażenie:  nazwa_tablicy[ index].

Można więc zastosować kod1:

              var tab = [];              // bez podania rozmiaru, bo  var tab = [5]  oznacza tablicę 1-elementową:  tab[0] = 5

              for(i=0; i < 5; i++) tab[i] = i*i;

              for(i=0; i < 5; i++) document.write(i + ' ' +  tab[i] +'<BR>');

Rozmiar tablicy będzie się zwiększał wraz z dodawaniem do niej kolejnych wartości.

Tablice jako obiekty

Tablice, jako obiekty języka JavaScript  mogą być tworzone jako zmienne typu obiektowego, więc przez użycie konstruktora  Array()

var nazwa_tablicy = new Array();                                          tworzy tablicę pustą:

var tab_miesz = new Array(1, 'Jasio' ,2);              tworzy tablicę mieszaną:              

var tab_pusta = new Array( 5 );                                          tworzy tablicę 5-elementową:

Słowa var i new nie muszą wystąpić.

Można więc zastosować analogiczny do kodu1:

              var tab = new Array(5);                // działa także bez słowa new, np.:  var tab = Array(5); 

              for(i=0; i<tab.length; i++)  tab[i] = i*i;

              for(i=0; i<tab.length; i++)  document.write(i + " " + tab[i] + '<BR>');

                            Metody obiektu Array