Javascript-Associative Arrays

Bismillahirrohmanirrohim

Dalam hal pemrograman, tentu sebagian besar dari kita pernah bahkan seringkali menggunakan array untuk menyimpan data. Dalam javascript, untuk mendeklarasikan sebuah array sangatlah mudah. Perhatikan baris kode berikut:

var birds = new Array();
birds[] = "Merpati";
birds[] = "Nuri";
birds[] = "Garuda";

Selain dengan cara di atas, array dalam javascript dapat dideklarasikan dengan cara berikut:

var birds = new Array("Merpati", "Nuri", "Garuda");

Atau bisa juga dengan cara yang paling singkat:

var birds = ["Merpati", "Nuri", "Garuda"];

Ketiga cara di atas menghasilkan variable array yang sama. Lalu, bagaimana mengakses elemen dari array? Perhatikan baris kode berikut:

var birds = ["Merpati", "Nuri", "Garuda"];
alert("elemen 0:"+birds[0]);
alert("elemen 1:"+birds[1]);
alert("elemen 2:"+birds[2]);

Untuk mencoba code di atas, klik tombol berikut:


Elemen array dapat diakses dengan menggunakan format: nama_array[index].
Dalam kebanyakan kasus pemrograman, pengaksesan array menggunakan index sudah mencukupi kebutuhan, tetapi pada beberapa kasus kita membutuhkan akses terhadap elemen array menggunakan string. Array yang demikian disebut juga asosiatif array.
Berikut langkah untuk mendeklarasikan asosiatif array:

var birds = new Array();
birds['biru'] = "Merpati";
birds['merah'] = "Nuri";
birds['hijau'] = "Garuda";

Untuk mengakses elemen dari asosiatif array digunakan string sebagai ganti index.

var birds = new Array();
birds['biru'] = "Merpati";
birds['merah'] = "Nuri";
birds['hijau'] = "Garuda";
alert(birds['biru']);
alert(birds['merah']);
alert(birds['hijau']);

Klik tombol berikut untuk mencoba code diatas: