Menampilkan array di Javascript

Halo sahabat programmer kali ini kita akan belajar array di javascript. Jika kalian sudah belajar algoritma bisa jadi array sudah tidak asing lagi bagi kalian. Pada pembasan belajar dasar javascript salah satu topik yang saya bahas adalah variabel. Di javascript terdapat dua jenis variabel yaitu variabel tunggal dan variabel jamak.

Cobah perhatikan ini:

var mahasiswa = 'Rini'

Variabel mahasiswa adalah variabel tunggal karena hanya dapat menampung satu nilai. Berbeda dengan variabel jamak atau dalam hal ini kita sebut array yang dapat menampung banyak nilai.

Apa itu Array dan bagaimana penggunaanya di javascript? mari simak pembahasan belajar array di javascript berikut ini:

Daftar Isi

Pengertian Array

Array adalah variabel jamak atau bisa disebut juga tipe data yang dapat menampung banyak nilai. Ibaratnya seperti sebuah kotak lemari yang dapat menyimpan pakaian, sepatu, buku. Array juga dapat menyimpan beberapa data, baik dengan tipe yang sama maupun berbeda.

Inisialisasi Array di Javascript

var mahasiswa =new Array();

Array didefinsikan dengan kata new kemudian diikuti objek Array(). Didalam javascript array merupakan sebuah objek.

Contoh:

mahasiswa = ['Rini','Aldi','Acep','Putra']

Sintak di atas adalah untuk membuat elemen dalam array. Dengan menggunakan tanda siku [] yang nilainya dapat di isi didalamnya. Jika nilai berupaka karakter atau string mengunakan tanda petik, jika numerik tanpa tanda petik. Untuk memisahkan antara elemen 1 dan lainnya menggunakan tanda koma.

Array memiliki index yang dimulai dari 0 sebagai contoh dari array mahasiswa diatas jika kita tempatkan pada masing-masing indeks maka Rini menempati posisi indeks ke-0, Aldi ke-1, Acep ke-2 dan Putra ke-3.

Jika kita ingin menampilkan elemen array maka perlu didefinsikan elemen pada indeks ke berapa yang ingin ditampilkan. Sebagai contoh saya ingin mencetak Acep maka indeks yang ditulis adalah 2.

document.write(mahasiswa[2])

Hasil output

Acep 

Jika ingin menampilkan semua elemen dalam array lebih baik pakai perulangan for, karena tidak mungkin kalian akan menulis baris kode secara manual untuk masing-masing elemen array, ini hanya 4 elemen kalo 100 elemen kan tidak efisien.

Menampilkan Elemen Array Menggunakan Perulangan

Kita dapat menampilkan elemen array menggunakan perulangan for (sebagai catatan hanya array numerik).

Contoh:

var mahasiswa =new Array();
mahasiswa = ['Rini','Aldi','Acep','Putra']

for (i=0;i<=3;i++){
     document.write(mahasiswa[i]+"<br>")
}

Karena indeks array dimulai dari 0 maka nilai i juga harus dari 0, jumlah elemen sebanyak 4 sehingga perulangan cukup dilakukan sampai nilai i=3. Semua elemen array mahasiswa akan ditampilkan seperti pada gambar berikut:

Hasil

Menggunakan Perulangan For in

Selain perulangan for, perulangan lainnya seperti while ataupun do while juga bisa digunakan. Namun di dalam javascript terdapat pernyataan khusus pada perulangan for yaitu pernyataan in pernyataan ini khusus digunakan untuk memudahkan proses perulangan pada suatu elemen array.

Contoh:

var mahasiswa =new Array();
mahasiswa = ['Rini','Aldi','Acep','Putra']

for (key in mahasiswa){
     document.write(mahasiswa[key]+"<br>")
}

Hasil

Rini
Aldi
Acep
Putra

Pernyataan for..in sangat membantu ketika kita tidak mengetahui berapa banyak jumlah elemen dalam suatu array.

Jenis-Jenis Array

Terdapat tiga jenis array di javascript yaitu

• Array Numerik
• Array Assosiatif
• Array Campuran

Array Numerik

Array numerik adalah array yang terdiri dari indeks numerik, seperti contoh yang saya paparkan diatas merupakan jenis array numerik.

Array Asosiatif

Array asosiatif adalah array yang memiliki indeks karakter atau string, yang biasanya sering disebut sebagai kunci (key) dari suatu array.

Contoh:

nilai['Fadli']=89
nilai['Maria']=78
nilai['Angga']=95

Contoh diatas merupakan jenis array assosiatif, dimana nama orang menjadi kunci (key) dari array nilai.

Menampilkan Elemen Array Asosiatif

Jika pada array numerik kita bisa menggunakan perulangan for karena indeks array bertipe numerik , pada array assosiatif kita tidak bisa menggunakan metode tersebut.

Untuk menampilkan elemen array asosiatif menggunakan konstruksi perulangan for in.

Harap diperhatikan Kunci (key) dalam array asosiatif harus bersifat unik, jika terdapat kunci yang sama (identik) maka program akan menganggap elemen yang sama.

Contoh:

var nilai=new Array();
        
nilai['Fadli']=89
nilai['Fadli']=60
nilai['Maria']=78
nilai['Angga']=95

for (key in nilai){
     document.write(key+" = "+nilai[key]+"<br>")
}

Hasil:

var mahasiswa =new Array();

Dapat dilihat dari contoh di atas yang mana nama-nama mahasiswa menjadi kunci (key) dalam srukur perulangan for in pada array nilai.

Terdapat dua kunci yang sama yaitu Fadli maka program akan menampilkan kunci yang paling terakhir dengan nilai 60.

Array Campuran

Dalam pemrograman Javascript aturan mengenai tipe data tidaklah begitu ketat seperti pada bahasa pemrograman lain. Contohnya saja C++ yang mana elemen-elemen yang berada dalam array haruslah memiliki tipe yang sama.

Di javascript kita bisa membuat array dengan nilai elemen yang berbeda-beda, baik itu bertipe numerik, karakter ataupun string. Hal ini sama dengan tipe data list dan tipe dictionary di python.

Contoh:

var mahasiswa =new Array();

Hasil:

var mahasiswa =new Array();

Pada contoh di atas kita membuat array campuran dengan elemen yang berbeda, Array dalam javascript dapat menampung baik nilai maupun indeks yang memiliki tipe berbeda. Untuk menampilkan isi dari array campuran tetap kita harus menggunakan struktur perulangan for in.

Bagaimana penggunaan array pada javascript?

Apa itu array di javascript?

Bagaimana cara mengosongkan nilai data pada array?

Apa itu tipe data array dan contohnya?