← Kembali ke Beranda
Ilustrasi Artikel

Mengenal Array di JavaScript: Lemari Ajaib Penyimpan Jutaan Data

Halo Sobat Jurnal Coding! Di awal perjalanan kita belajar pemrograman, kamu sudah berkenalan dengan konsep Variabel yang kita analogikan sebagai "Kotak Kardus". Variabel sangat hebat untuk mengingat data pengguna, seperti mengingat satu buah nama atau satu buah angka skor permainan.

Namun, mari kita hadapi sebuah kasus di dunia nyata. Bagaimana jika kamu direkrut untuk membuat sistem pendataan siswa satu sekolahan yang berisi 500 orang?

Jika kamu hanya mengandalkan variabel biasa, kamu harus mengetik baris kode seperti ini: nama1 = "Andi", nama2 = "Budi", nama3 = "Cici", dan seterusnya sampai nama500. Jari-jarimu dijamin akan keriting, dan kodemu akan terlihat seperti mimpi buruk yang sangat kotor dan tidak profesional.

Untuk memecahkan masalah mengerikan ini, JavaScript dan semua bahasa pemrograman lain di dunia memiliki sebuah fitur canggih yang dinamakan Array.

### Apa Itu Array? (Analogi Loker Lemari)

Jika Variabel biasa adalah sebuah kantong plastik kecil yang hanya muat diisi oleh satu barang tunggal, maka Array adalah sebuah Lemari Loker raksasa.

Lemari loker ini memiliki satu nama utama di depannya, tetapi di dalamnya terdapat puluhan, ratusan, bahkan jutaan laci kecil yang tersusun rapi secara berderet. Setiap laci memiliki nomor urutnya masing-masing. Di dalam laci-laci inilah kamu bisa menyimpan ratusan nama siswa hanya dengan menggunakan satu nama variabel saja!

Mari kita lihat bentuk nyata pembuatan lemari Array di dalam JavaScript:


// Membuat Lemari Array menggunakan simbol kurung siku [ ]

let daftarSiswa = ["Andi", "Budi", "Cici", "Dodi", "Eka"];



// Cara melihat semua isinya sekaligus

console.log(daftarSiswa);


Hanya dengan menggunakan simbol kurung siku pembuka dan penutup, kamu baru saja berhasil membungkus lima data teks yang berbeda ke dalam satu identitas rapi bernama daftarSiswa. Sangat ajaib dan hemat tempat!

### Jebakan Batman Pemula: Komputer Mulai Menghitung dari Nol!

Sekarang, muncul sebuah pertanyaan kritis. Jika kita sudah memasukkan lima nama ke dalam lemari, bagaimana cara kita hanya memanggil si "Cici" saja tanpa memanggil yang lainnya?

Jawabannya adalah dengan memanggil nomor lacinya (yang dalam bahasa pemrograman disebut dengan istilah Index). Namun, ada satu aturan fundamental di dunia ilmu komputer yang sering kali membuat pemula stres dan bingung setengah mati di hari pertama mereka belajar Array.

Di dunia manusia, kita selalu mulai berhitung dari angka 1, 2, 3, dan seterusnya. Tetapi bagi otak komputer, angka pertama di dunia ini adalah angka Nol (0)!

Oleh karena itu, penomoran laci di dalam Array selalu dimulai dari indeks 0.
- Laci 0 berisi: "Andi"
- Laci 1 berisi: "Budi"
- Laci 2 berisi: "Cici"
- Laci 3 berisi: "Dodi"
- Laci 4 berisi: "Eka"

Jika kamu ingin memanggil "Cici" ke layar, kodenya harus ditulis dengan menyertakan tanda kurung siku dan nomor indeksnya seperti ini:


// Memanggil laci nomor 2 (yang mana adalah laci urutan ketiga)

console.log("Siswa yang piket hari ini adalah: " + daftarSiswa[2]);

// Hasilnya: Siswa yang piket hari ini adalah: Cici


Jika kamu secara lugu mengetikkan daftarSiswa[3] karena kamu mengira Cici ada di urutan ketiga, komputer malah akan memanggil Dodi! Kesalahan penghitungan geser satu angka ini sangat terkenal di kalangan programmer dengan sebutan Off-By-One Error. Jadi, ingat baik-baik: komputer selalu menghitung dari nol!

### Menggabungkan Array dan Perulangan (Super Power)

Kekuatan Array yang sesungguhnya baru akan meledak ketika kamu menggabungkannya dengan Perulangan (For Loop) yang sudah kita pelajari beberapa waktu lalu.

Daripada memanggil nama siswa satu per satu, kamu bisa menyuruh mesin perulangan untuk berjalan dari laci nomor 0 hingga laci terakhir, lalu mencetak isinya ke layar secara otomatis dalam hitungan milidetik. Algoritma perpaduan Array dan Loop inilah yang dipakai oleh Tokopedia untuk memunculkan ribuan foto produk ke layar HP-mu saat kamu sedang mencari barang.

Luangkan waktumu untuk mencoba membuat Array berisi makanan favoritmu di Text Editor, dan coba panggil satu per satu. Setelah kamu mahir, kita akan langsung mempraktikkan logika ini untuk membuat proyek finansial yang sangat keren di artikel berikutnya!

Apa pendapatmu tentang artikel ini?