Data Structure: Array & Object

Hingga saat ini, kita hanya menyimpan satu nilai di dalam satu variabel. Namun, dalam aplikasi nyata, kita sering berurusan dengan kumpulan data. Bayangkan Anda sedang membangun aplikasi daftar belanja atau profil pengguna media sosial. Tidak mungkin kita membuat variabel barang1, barang2, barang3, dan seterusnya. Di sinilah Data Structure (Struktur Data) berperan untuk mengelompokkan data agar lebih teratur dan mudah dikelola.

Array: Menyimpan Daftar Data

Array adalah list atau daftar nilai yang disimpan secara berurutan. Di dalam Array, setiap data memiliki "nomor antrean" yang disebut Index. Satu hal yang wajib diingat: Index selalu dimulai dari 0, bukan 1.

// Membuat Array
const daftarBuah = ["Apel", "Mangga", "Pisang"];

// Mengakses data berdasarkan index
console.log(daftarBuah[0]); // Apel
console.log(daftarBuah[1]); // Mangga

// Mengubah data
daftarBuah[2] = "Jeruk";
console.log(daftarBuah); // ["Apel", "Mangga", "Jeruk"]

Metode Dasar Array: JavaScript menyediakan fungsi bawaan (method) untuk memanipulasi isi Array dengan mudah:

push(): Menambah data ke akhir antrean.
pop(): Menghapus data terakhir.
unshift(): Menambah data ke awal antrean.
shift(): Menghapus data pertama.

let playlist = ["Song A", "Song B"];
playlist.push("Song C"); // Menambah ke belakang
playlist.shift(); // Menghapus "Song A"

console.log(playlist); // ["Song B", "Song C"]
console.log(playlist.length); // 2 (Mengecek jumlah data)

Object: Data dengan Label (Key-Value)

Jika Array adalah daftar berurutan, maka Object adalah kumpulan data yang tidak berurutan namun memiliki label. Label ini disebut Key (kunci) dan isinya disebut Value (nilai). Object sangat cocok untuk menggambarkan sebuah benda atau entitas nyata.

const smartphone = {
  merek: "Samsung",
  model: "S23",
  warna: "Hitam",
  is5G: true,
  stok: 10,
};

// Akses menggunakan Dot Notation (paling sering digunakan)
console.log(smartphone.merek); // Samsung

// Akses menggunakan Bracket Notation
console.log(smartphone["model"]); // S23

Kesalahan Umum: Pemula sering tertukar antara Array dan Object. Gunakan [] (Array) jika urutan data itu penting (seperti daftar peringkat). Gunakan {} (Object) jika Anda ingin mendeskripsikan satu benda dengan berbagai ciri.

Array of Objects (Data Kompleks)

Dalam dunia kerja, Anda akan sangat sering bertemu dengan perpaduan keduanya. Contohnya adalah daftar pengguna di sebuah aplikasi, di mana "daftarnya" adalah Array, dan "setiap penggunanya" adalah Object.

const daftarSiswa = [
  { nama: "Andi", nilai: 85 },
  { nama: "Budi", nilai: 92 },
  { nama: "Caca", nilai: 78 },
];

// Mengakses nilai Budi
console.log(daftarSiswa[1].nama); // Budi
console.log(daftarSiswa[1].nilai); // 92

Looping Data Kompleks

Bagaimana jika kita ingin menampilkan semua nama siswa dari data di atas? Kita gunakan teknik perulangan yang sudah dipelajari di Section 5.

for (let i = 0; i < daftarSiswa.length; i++) {
  console.log(
    "Siswa: " + daftarSiswa[i].nama + ", Skor: " + daftarSiswa[i].nilai
  );
}

Alur Eksekusi:

Loop dimulai dari i = 0.
daftarSiswa[0] adalah object Andi. Diambil .nama-nya.
Loop berlanjut ke i = 1, mengambil data Budi, dan seterusnya.
Loop berhenti otomatis saat i mencapai jumlah panjang array (.length).

Studi Kasus: Menghitung Total Harga Keranjang

Mari kita buat simulasi kasir sederhana menggunakan Array of Objects.

const keranjang = [
  { produk: "Sabun", harga: 5000, jumlah: 2 },
  { produk: "Susu", harga: 15000, jumlah: 1 },
  { produk: "Roti", harga: 10000, jumlah: 3 },
];

let totalBayar = 0;

for (let i = 0; i < keranjang.length; i++) {
  let subtotal = keranjang[i].harga * keranjang[i].jumlah;
  totalBayar += subtotal;
}

console.log("Total yang harus dibayar: Rp" + totalBayar);