logo logo

Portal media terdepan yang menyajikan informasi terkini seputar dunia teknologi, gadget, dan inovasi digital di Indonesia.

Sentral Media

Langganan Update Teknologi

Dapatkan rangkuman berita mingguan langsung ke email Anda.

Daftar Newsletter

Surabaya, Indonesia

Kota Surabaya, Jawa Timur

Email: redaksi@sentralmediateknologi.id

Frontend & Ui/Ux

Tipe Data Referensi: Object dan Array.

Dalam dunia pemrograman, memahami bagaimana komputer menyimpan dan mengelola data adalah kunci untuk menulis kode yang efisien dan bebas dari bug. Secara umum, tipe data dibagi menjadi dua kategori utama: Tipe Data Primitif (seperti angka, teks, boolean) dan Tipe Data Referensi (seperti Object dan Array). Artikel ini akan membahas secara tuntas apa itu tipe data referensi, mengapa mereka unik, serta tutorial lengkap cara menggunakannya (dengan contoh menggunakan JavaScript).

avatar
Super Administrator

SentralMediaTeknologi.id


  • 02 Mei 2026
  • 19:45 WIB
JAVASCRIPT DASAR LOGIKA PROGRAMING
JAVASCRIPT DASAR LOGIKA PROGRAMING

Memahami Tipe Data Referensi: Object dan Array dalam Pemrograman

Dalam dunia pemrograman, memahami bagaimana komputer menyimpan dan mengelola data adalah kunci untuk menulis kode yang efisien dan bebas dari bug. Secara umum, tipe data dibagi menjadi dua kategori utama: Tipe Data Primitif (seperti angka, teks, boolean) dan Tipe Data Referensi (seperti Object dan Array).

Artikel ini akan membahas secara tuntas apa itu tipe data referensi, mengapa mereka unik, serta tutorial lengkap cara menggunakannya (dengan contoh menggunakan JavaScript).


Apa itu Tipe Data Referensi?

Perbedaan terbesar antara tipe data primitif dan referensi terletak pada cara memori menyimpannya.

  • Tipe Data Primitif: Menyimpan nilai asli secara langsung di dalam memori (Stack). Jika Anda menyalin variabel primitif, Anda membuat salinan nilai yang sepenuhnya baru dan independen.

  • Tipe Data Referensi: Tidak menyimpan nilai secara langsung. Alih-alih, memori (Stack) hanya menyimpan referensi atau "alamat" yang menunjuk ke lokasi data sebenarnya yang disimpan di tempat lain di dalam memori (Heap).

Karena variabel hanya memegang "alamat", ketika Anda menyalin variabel tipe referensi ke variabel lain, Anda hanya menyalin alamatnya, bukan datanya. Akibatnya, kedua variabel akan menunjuk ke data yang sama persis.

Mari kita pelajari dua tipe data referensi yang paling sering digunakan: Object dan Array.


1. Object (Objek)

Object adalah kumpulan pasangan kunci dan nilai (key-value pairs). Object digunakan untuk menyimpan berbagai data yang saling berkaitan dan membentuk satu entitas, seperti data profil pengguna, konfigurasi, atau detail produk.

Tutorial Menggunakan Object

Langkah 1: Membuat Object

Anda dapat membuat object menggunakan kurung kurawal {}. Di dalamnya, Anda menentukan kunci (property) dan nilainya.

JavaScript
// Membuat object pengguna
const pengguna = { nama: "Budi Santoso", umur: 25, pekerjaan: "Programmer", sudahMenikah: false
};
console.log(pengguna);

Langkah 2: Mengakses Nilai dalam Object

Ada dua cara utama untuk mengakses data di dalam object: Dot notation (titik) dan Bracket notation (kurung siku).

JavaScript
// Menggunakan Dot Notation (Paling umum)
console.log(pengguna.nama); // Output: Budi Santoso // Menggunakan Bracket Notation (Berguna jika nama kunci mengandung spasi atau dinamis)
console.log(pengguna["pekerjaan"]); // Output: Programmer

Langkah 3: Mengubah dan Menambah Properti Object

Karena object bersifat mutable (dapat diubah), Anda bisa langsung menimpa nilainya atau menambahkan properti baru meskipun object dideklarasikan dengan const.

JavaScript
// Mengubah nilai yang sudah ada
pengguna.umur = 26; // Menambah properti baru
pengguna.hobi = "Membaca"; console.log(pengguna.umur); // Output: 26
console.log(pengguna.hobi); // Output: Membaca

2. Array (Larik)

Array adalah tipe data referensi yang digunakan untuk menyimpan daftar atau kumpulan data secara berurutan. Berbeda dengan object yang menggunakan kunci khusus, array menggunakan indeks berupa angka (dimulai dari 0) untuk mengakses isinya.

Tutorial Menggunakan Array

Langkah 1: Membuat Array

Array dibuat menggunakan kurung siku []. Anda bisa memasukkan berbagai tipe data di dalamnya.

JavaScript
// Membuat array daftar buah
const buahBuahan = ["Apel", "Jeruk", "Mangga", "Pisang"];
console.log(buahBuahan);

Langkah 2: Mengakses Elemen Array

Gunakan nomor indeks untuk mengambil nilai dari array. Ingat, indeks selalu dimulai dari 0.

JavaScript
console.log(buahBuahan[0]); // Output: Apel
console.log(buahBuahan[2]); // Output: Mangga

Langkah 3: Memodifikasi dan Mengelola Array

Array memiliki banyak metode bawaan (built-in methods) yang sangat berguna untuk mengelola data.

JavaScript
// Mengubah nilai elemen pada indeks tertentu
buahBuahan[1] = "Anggur"; // Menambah elemen baru di akhir array menggunakan push()
buahBuahan.push("Nanas"); // Menghapus elemen terakhir menggunakan pop()
buahBuahan.pop(); console.log(buahBuahan); // Output: ["Apel", "Anggur", "Mangga", "Pisang"]

Membuktikan Konsep "Referensi" (Sangat Penting!)

Seperti yang disinggung di awal, Object dan Array tidak menyalin nilai, melainkan menyalin alamat memori. Mari kita buktikan mengapa ini sangat penting untuk dipahami agar kode Anda tidak mengalami bug.

Contoh Kasus Referensi:

JavaScript
// Kita membuat object asli
let mobilA = { merk: "Toyota", warna: "Hitam" }; // Kita "menyalin" mobilA ke mobilB
let mobilB = mobilA; // Kita ubah warna mobilB
mobilB.warna = "Merah"; // Apa yang terjadi pada mobilA?
console.log(mobilA.warna); // Output: Merah!

Penjelasan:

Saat kita melakukan let mobilB = mobilA;, kita tidak membuat mobil baru. Kita hanya memberikan "kunci cadangan" kepada mobilB untuk mengakses garasi yang sama dengan mobilA. Jadi, ketika mobilB mengecat mobil tersebut menjadi merah, mobilA akan melihat mobil yang sama dengan warna merah.

Hal ini berlaku sama persis untuk Array.

Cara Menyalin Nilai dengan Benar (Cloning)

Jika Anda benar-benar ingin membuat salinan baru yang independen agar tidak saling mempengaruhi, Anda bisa menggunakan metode Spread Operator ... :

JavaScript
let data1 = ["A", "B", "C"];
// Membuat salinan baru di memori yang berbeda
let data2 = [...data1]; data2.push("D"); console.log(data1); // Output: ["A", "B", "C"] (Tidak berubah)
console.log(data2); // Output: ["A", "B", "C", "D"]

Stories

avatar

Jurnalis dan analis internasional, mengurai dinamika geopolitik, ekonomi global, dan konflik dunia dengan ketajaman dan kedalaman.


Bagikan artikel ini

Stay Connected