← Kembali ke Beranda
Ilustrasi Artikel

Buku Contekan JavaScript (Bagian 3): Menyusun Function dan Array

Halo Sobat Jurnal Coding! Kita telah tiba di seri penutup Buku Contekan JavaScript. Di sini kita akan merangkum dua konsep tingkat tinggi yang menjadi nyawa dari seluruh aplikasi kompleks: Function dan Array.

Jika kodemu sudah mencapai ribuan baris, kamu tidak mungkin membiarkannya berserakan begitu saja. Kamu harus merapikannya ke dalam lemari penyimpanan data, dan membungkus logika yang sering diulang ke dalam sebuah mesin otomatis. Mari kita segarkan kembali ingatanmu!

### 1. Lemari Loker Raksasa (Array)

Array adalah sebuah lemari loker yang sangat panjang. Daripada membuat 50 variabel untuk menampung nama siswa satu per satu, lebih baik kamu memasukkan semuanya ke dalam satu loker Array.

Perhatian: Komputer tidak tahu angka 1. Komputer selalu mulai berhitung dari angka 0! Jadi, laci pertama di lemari Array selalu disebut laci nomor 0 (Indeks 0).


// 1. Membuat Array menggunakan kurung siku [ ]

let daftarBuah = ["Apel", "Jeruk", "Mangga", "Pisang"];



// 2. Cara memanggil isi laci tertentu (Ingat, mulai dari nol!)

console.log(daftarBuah[1]);

// Hasilnya adalah "Jeruk", BUKAN "Apel".



// 3. Menambahkan barang baru ke ujung laci terakhir

daftarBuah.push("Semangka");



// 4. Menghapus barang di ujung laci terakhir

daftarBuah.pop();


### 2. Mesin Koki Serbaguna (Function)

Jika Array adalah tempat menyimpan benda, maka Function (Fungsi) adalah tempat menyimpan KODE agar bisa dipanggil berkali-kali tanpa harus diketik ulang.

Bayangkan Function sebagai seorang Koki di restoran. Kamu cukup mengajarinya cara memasak nasi goreng satu kali saja. Besok-besok jika ada pelanggan yang memesan, kamu tinggal meneriakkan nama Sang Koki, dan dia akan memasaknya untukmu.


// 1. Tahap Mengajari Koki (Membuat Function)

function sapaPengunjung(namaTamu) {

    console.log("Halo " + namaTamu + ", selamat datang di website kami!");

    console.log("Semoga harimu menyenangkan.");

}



// 2. Tahap Memanggil Koki untuk Bekerja

sapaPengunjung("Budi");

sapaPengunjung("Siti");

// Mesin akan otomatis mencetak kalimat sapaan untuk Budi dan Siti tanpa perlu kita ketik panjang lebar lagi!


### Menggabungkan Keduanya: Kekuatan Super

Kekuatan sejati JavaScript akan meledak ketika kamu menggabungkan Array dengan Perulangan FOR. Kamu bisa menyuruh mesin berjalan menyusuri setiap laci lemari, lalu mencetak seluruh isi laci tersebut ke layar secara otomatis dalam sekejap mata.


let menuMakanan = ["Nasi Goreng", "Sate Ayam", "Soto", "Bakso"];



// Perintah .length berfungsi agar mesin otomatis tahu berapa jumlah total laci yang ada!

for (let i = 0; i < menuMakanan.length; i++) {

    console.log("Menu hari ini: " + menuMakanan[i]);

}


Selesai sudah trilogi Buku Contekan JavaScript ini! Simpan ketiga artikel ini baik-baik. Sekarang, mari kita uji seluruh pemahamanmu dengan membangun sebuah mahakarya di artikel Proyek selanjutnya: Membuat Kalkulator Matematika!

Apa pendapatmu tentang artikel ini?