Diskon kelas baru hingga 25%! Masukkan kupon "lebihcepat" di kelas ini

X
Logo Koala Skodev mengetik

Skodev

Belajar coding dalam bahasa Indonesia

OBJECT PROPERTY

Pelajari tentang properti objek dalam JavaScript, cara mengakses, menambah dan memodifikasi properti, serta metode dan sintaksis yang berhubungan dengan pemrograman objek dalam JavaScript.

Dalam JavaScript, objek adalah entitas independen dengan properti dan tipe. Properti objek bisa jadi berupa nilai dasar (seperti string, number, dll.) atau dapat berupa fungsi (yang disebut metode). Dalam tutorial ini, kita akan membahas detil tentang properti objek JavaScript.

Mengakses Properti Objek

Untuk mengakses properti pada objek, kamu dapat menggunakan titik (.) atau tanda kurung siku ([]).

Sebagai contoh, kita punya objek bernama ‘mobil’.

var mobil = {
  merk: 'Toyota',
  model: 'Corolla',
  tahun: 2007
};

Kamu bisa mengakses properti ‘merk’ dan ‘tahun’ seperti ini:

var merkMobil = mobil.merk;  // Menggunakan notasi titik
var tahunMobil = mobil['tahun'];  // Menggunakan notasi kurung siku

Menambah Properti Objek

Untuk menambahkan properti baru ke sebuah objek, kamu hanya perlu menetapkan nilai pada properti dengan nama baru.

mobil.warna = 'Hitam';

Setelah perintah di atas dieksekusi, objek ‘mobil’ sekarang memiliki properti baru bernama ‘warna’.

Mengubah Properti Objek

Untuk mengubah nilai properti objek yang sudah ada, gunakan notasi titik atau kurung siku.

mobil.merk = 'Honda';
mobil['tahun'] = 2020;

Setelah eksekusi diatas, nilai property ‘merk’ objek ‘mobil’ sudah berubah menjadi ‘Honda’ dan nilai dari properti ‘tahun’ menjadi 2020.

Iterating Objek Properti

Untuk menelusuri setiap properti objek, kamu bisa menggunakan pernyataan for…in.

for (var properti in mobil) {
  console.log(properti + ": " + mobil[properti]);
}

Output di atas akan mencetak setiap pasangan nama properti dan nilai properti dari objek ‘mobil’.

Menghapus Properti Objek

Untuk menghapus properti objek, kamu bisa menggunakan operator delete.

delete mobil.warna;

Operator delete hanya menghapus properti objek, dan tidak mempengaruhi objek lain yang merujuk ke properti objek yang dihapus.

Dengan menguasai properti objek dalam JavaScript, kamu akan mendapat manfaat dalam pengembangan aplikasi yang berorientasi objek atau dalam mengoptimalkan kode kamu. Reposisi properti objek ini sangat penting dalam struktur data yang lebih kompleks seperti JSON.

👈🏼 Apa itu object
Metode object 👉🏼