Awal mula saya belajar pemrograman, bahasa yang saya pelajari adalah PHP. Mungkin sebagian besar dari kalian juga seperti itu. Termasuk salah satu yang saya pelajari adalah array asosiatif.

Seperti yang kita ketahui, rata-rata bahasa pemrograman itu memiliki kemiripan dalam menuliskan beberapa sintaks. Seperti penulisan kondisi if ... else ... atau looping for ... dan juga cara penulisan array. Begitupun yang terjadi pada array asosiatif pada PHP dan Javascript.

gambar

Apa itu Array Asosiatif?

Array Asosiatif adalah array yang indeksnya menggunakan string. Berbeda dengan array biasa, yang indeksnya menggunakan integer dan dimulai dari 0. Lihat contoh berikut untuk lebih jelasnya:

$array_biasa = ['apel', 'jeruk', 'nanas'];
$array_asosiatif = [
    'nama' => 'Budi',
    'umur' => 29
];

Array asosiatif pada PHP juga dapat didefinisikan dengan sintaks berikut:

$array_asosiatif = [];
$array_asosiatif['nama'] = 'Budi';
$array_asosiatif['umur'] = 29;

Contoh diatas adalah sintaks array biasa dan array asosiatif dalam bahasa PHP. Karena yang saya pelajari dari array asosiatif ada di bahasa PHP.

Lalu, Bagaimana penggunaan Array Asosiatif pada Javascript?

Perlu diketahui, bahwa dalam Javascript, array adalah object yang berindeks integer. Artinya, array asosiatif dalam javascript adalah object itu sendiri (object dengan indeks string). Lihat contoh berikut untuk penjelasannya:

var arrayJs = ['bayam', 'kangkung', 'buncis']
var objectJs = {
    nama: 'Andi',
    umur: 30
}

Cara lain untuk mendefinisikan object juga bisa dengan sintaks berikut:

var objectJs = {}
objectJs.nama = 'Andi'
objectJs.umur = 30

// atau

var objectJs = {}
objectJs['nama'] = 'Andi'
objectJs['umur'] = 30

Jadi secara susunannya tidak berbeda jauh, hanya ada beberapa perbedaan pada sintaksnya saja. Seperti penggunaan => pada PHP diganti dengan : pada Javascript. Dan di PHP pendefinisian array asosiatif dengan [ ] sedangkan pada object javascript menggunakan { }.

Cara mengakses nilai array asosiatif

Ketika kita sudah berhasil membuat array asosiatif pada javascript, maka kita dapat memanggilnya dengan cara berikut:

// PHP
$nama_saya = $array_asosiatif['nama'];

// JS
var namaSaya = objectJs.nama

// JS
var namaSaya = objectJs['nama']

Catatan untuk Array Asosiatif

Setelah saya browsing, ternyata memang benar. Bahwa Array asosiatif hanya terdapat di bahasa pemrograman PHP. Jadi tidak ada sebutan untuk "Array asosiatif Javascript". Namun di Javascript ada object, yang fungsinya sama dengan array asosiatif.

Referensi object javascript: MDN