🍭 NodeJS #4: Mengenal JavaScript (bagian 3) – Fungsi dan Array

Halo lagi, calon programmer hebat! 👋

Selamat datang di bagian ketiga dari dasar JavaScript. Kali ini kita akan belajar dua hal yang sangat seru: fungsi (cara membuat "mesin" yang bisa kita pakai berulang-ulang) dan array (cara menyimpan banyak data dalam satu tempat).

Bayangkan kamu punya mesin pembuat jus. Setiap kali kamu mau jus, kamu tinggal masukkan buah, tekan tombol, dan mesin itu mengeluarkan jus. Nah, fungsi itu seperti mesin dalam program kita. Sedangkan array itu seperti lemari es yang bisa menyimpan banyak buah sekaligus. Yuk, kita lihat lebih dalam! 🍊🧃

📦 Bagian 1: Array – Tempat Menyimpan Banyak Data

Sejauh ini kita hanya menyimpan satu nilai dalam satu variabel. Misalnya:

let buah1 = "Apel";
let buah2 = "Jeruk";
let buah3 = "Mangga";

Kalau buahnya ada 100, kita harus membuat 100 variabel? Repot sekali! Nah, array adalah solusinya. Array adalah kotak besar yang bisa menyimpan banyak data sekaligus, dan setiap data punya nomor urut (indeks).

📌 Membuat Array

let buah = ["Apel", "Jeruk", "Mangga", "Pisang"];
console.log(buah);

Array dibuat dengan tanda kurung siku [] dan setiap data dipisah dengan koma.

📌 Mengakses Data dalam Array

Data dalam array punya indeks (nomor urut). Tapi hati-hati: indeks dimulai dari 0! Jadi data pertama punya indeks 0, data kedua indeks 1, dan seterusnya.

console.log(buah[0]); // Output: Apel
console.log(buah[1]); // Output: Jeruk
console.log(buah[2]); // Output: Mangga
console.log(buah[3]); // Output: Pisang

📌 Menambah Data ke Array

Kita bisa menambah data di akhir array dengan push():

buah.push("Anggur");
console.log(buah); // Sekarang ada ["Apel", "Jeruk", "Mangga", "Pisang", "Anggur"]

Atau di awal dengan unshift():

buah.unshift("Semangka");
console.log(buah); // ["Semangka", "Apel", "Jeruk", "Mangga", "Pisang", "Anggur"]

📌 Menghapus Data dari Array

Hapus data terakhir dengan pop():

buah.pop();
console.log(buah); // Anggur hilang

Hapus data pertama dengan shift():

buah.shift();
console.log(buah); // Semangka hilang

📌 Melihat Panjang Array

Gunakan .length untuk tahu berapa jumlah data dalam array.

console.log(buah.length); // 4

📌 Menggabungkan Array dengan Perulangan

Array paling berguna kalau digabung dengan perulangan. Kita bisa memproses semua data tanpa menulis satu per satu.

for (let i = 0; i < buah.length; i++) {
  console.log("Buah ke-" + i + " adalah " + buah[i]);
}

Hasilnya:

Buah ke-0 adalah Apel
Buah ke-1 adalah Jeruk
Buah ke-2 adalah Mangga
Buah ke-3 adalah Pisang

💡 Tips: Kamu juga bisa pakai for...of untuk mengambil data tanpa indeks: for (let b of buah) { console.log(b); }

⚙️ Bagian 2: Fungsi – Mesin Ajaib dalam Program

Fungsi adalah blok kode yang bisa kita panggil kapan saja. Fungsi bisa menerima input (disebut parameter) dan bisa mengembalikan output (disebut return value).

📌 Membuat Fungsi Sederhana

Ada dua cara membuat fungsi: deklarasi fungsi dan ekspresi fungsi. Kita mulai dengan deklarasi fungsi.

function sapa() {
  console.log("Halo, selamat pagi!");
}

// Memanggil fungsi
sapa(); // Output: Halo, selamat pagi!
sapa(); // Bisa dipanggil berkali-kali

📌 Fungsi dengan Parameter (Input)

Parameter adalah data yang kita berikan ke fungsi saat memanggilnya.

function sapaNama(nama) {
  console.log("Halo, " + nama + "!");
}

sapaNama("Budi"); // Output: Halo, Budi!
sapaNama("Ani");  // Output: Halo, Ani!

Bisa juga lebih dari satu parameter:

function tambah(a, b) {
  console.log(a + b);
}

tambah(5, 3); // Output: 8
tambah(10, 7); // Output: 17

📌 Fungsi dengan Return (Output)

Kadang kita ingin fungsi mengembalikan hasil, bukan hanya menampilkan. Gunakan kata kunci return.

function kali(a, b) {
  return a * b;
}

let hasil = kali(4, 5);
console.log(hasil); // Output: 20

console.log(kali(3, 6)); // Langsung bisa juga: 18

⚠️ Setelah return, kode di bawahnya tidak akan dijalankan. Fungsi langsung berhenti.

📌 Fungsi Bisa Memanggil Fungsi Lain

function luaskanPersegiPanjang(p, l) {
  return p * l;
}

function volumeBalok(p, l, t) {
  let luas = luaskanPersegiPanjang(p, l);
  return luas * t;
}

console.log(volumeBalok(4, 3, 2)); // 24

🎮 Latihan: Array + Fungsi

Sekarang kita coba buat program yang menggunakan array dan fungsi. Misalnya kita punya array berisi nilai ujian, lalu kita buat fungsi untuk menghitung rata-rata.

let nilai = [80, 90, 75, 88, 92];

function hitungRataRata(arr) {
  let total = 0;
  for (let i = 0; i < arr.length; i++) {
    total = total + arr[i];
  }
  return total / arr.length;
}

let rata = hitungRataRata(nilai);
console.log("Rata-rata nilai: " + rata);

Atau buat fungsi untuk mencari nilai tertinggi:

function cariMaks(arr) {
  let maks = arr[0];
  for (let i = 1; i < arr.length; i++) {
    if (arr[i] > maks) {
      maks = arr[i];
    }
  }
  return maks;
}

console.log("Nilai tertinggi: " + cariMaks(nilai));

🧩 Ekspresi Fungsi (Cara Lain Membuat Fungsi)

Selain deklarasi fungsi, ada juga cara membuat fungsi dengan ekspresi. Fungsinya disimpan dalam variabel.

const sapa = function(nama) {
  return "Halo, " + nama;
};

console.log(sapa("Dewi")); // Halo, Dewi

Bentuk ini sering dipakai, terutama nanti saat kita belajar JavaScript modern.

🆕 Fungsi Arrow (Panah) – Cara Modern

Di JavaScript versi terbaru, ada cara menulis fungsi yang lebih singkat, disebut arrow function. Cocok untuk fungsi sederhana.

const kali = (a, b) => a * b;
console.log(kali(5, 4)); // 20

const sapa = nama => "Halo, " + nama; // kalau satu parameter, boleh tanpa kurung
console.log(sapa("Rina")); // Halo, Rina

Kalau fungsi tidak punya parameter, tulis () => ....

📝 Rangkuman

Konsep	Penjelasan Singkat
Array	Tempat menyimpan banyak data, diakses dengan indeks (mulai 0).
.push()	Menambah data ke akhir array.
.pop()	Menghapus data terakhir.
.length	Mengetahui panjang array.
Fungsi	Blok kode yang bisa dipanggil berulang, bisa menerima parameter dan mengembalikan nilai.
return	Mengembalikan nilai dari fungsi.
Arrow function	Cara singkat menulis fungsi dengan `=>`.

🚀 Tantangan untuk Kamu

Coba buat program yang menyimpan daftar teman-temanmu dalam array, lalu buat fungsi untuk:

Menampilkan semua nama teman.
Mencari apakah ada nama tertentu dalam array.
Menambahkan teman baru.

Kalau berhasil, kamu sudah semakin jago JavaScript! 💪

🏁 Penutup

Sekarang kamu sudah menguasai fungsi dan array. Dengan ini, kamu bisa membuat program yang lebih rapi (dengan fungsi) dan bisa mengelola banyak data (dengan array). Di tutorial selanjutnya (NodeJS #5) kita akan kembali ke Node.js dan membuat server web sederhana. Seru, kan?

Jangan lupa untuk mencoba semua contoh dan latihan sendiri. Kalau ada pertanyaan, tulis di komentar. Sampai jumpa di seri berikutnya! 👋😊

Ditulis dengan ❤️ untuk para pemula yang ingin menjadi programmer handal.

NodeJS #4: Mengenal JavaScript (bagian 3) – Fungsi dan Array