Object pada JavaScript

Pada tutorial ini, Anda akan mempelajari tentang objek JavaScript dan cara memanipulasi propertinya dengan efektif.

Pengenalan tentang Objek JavaScript Dalam JavaScript, objek adalah kumpulan tidak berurutan dari pasangan nilai-kunci. Setiap pasangan nilai-kunci disebut sebagai properti.

Kunci dari suatu properti dapat berupa string. Nilai dari suatu properti dapat berupa apapun, misalnya string, angka, array, dan bahkan fungsi.

JavaScript menyediakan berbagai cara untuk membuat objek. Salah satu yang paling umum digunakan adalah dengan menggunakan notasi objek literal.

Contoh berikut membuat objek kosong menggunakan notasi objek literal:

let kosong = {};

Untuk membuat objek dengan properti, Anda menggunakan kunci:nilai di dalam kurung kurawal. Sebagai contoh, berikut membuat objek baru untuk seorang person:

let orang = {
    namaDepan: 'John',
    namaBelakang: 'Doe'
};

Objek person memiliki dua properti, namaDepan dan namaBelakang dengan nilai masing-masing ‘John’ dan ‘Doe’.

Ketika sebuah objek memiliki banyak properti, Anda menggunakan koma (,) untuk memisahkannya seperti pada contoh di atas.

Akses properti Untuk mengakses properti dari suatu objek, Anda dapat menggunakan salah satu notasi berikut: notasi titik (dot notation) dan notasi mirip array.

1. Notasi titik (.)

Berikut adalah cara menggunakan notasi titik untuk mengakses properti dari suatu objek:

namaObjek.namaProperti

Sebagai contoh, untuk mengakses properti namaDepan dari objek orang, Anda menggunakan ekspresi berikut:

orang.namaDepan

Contoh ini membuat objek person dan menampilkan namaDepan dan namaBelakang ke konsol:

let orang = {
    namaDepan: 'John',
    namaBelakang: 'Doe'
};

console.log(orang.namaDepan);
console.log(orang.namaBelakang);

2. Notasi mirip array ([])

Berikut adalah cara mengakses nilai properti objek melalui notasi mirip array:

namaObjek['namaProperti']

Sebagai contoh:

let orang = {
    namaDepan: 'John',
    namaBelakang: 'Doe'
};

console.log(orang['namaDepan']);
console.log(orang['namaBelakang']);

Ketika nama properti mengandung spasi, Anda perlu meletakkannya di dalam tanda kutip. Sebagai contoh, objek alamat berikut memiliki ‘building no’ sebagai properti:

let alamat = {
    'building no': 3960,
    jalan: 'North 1st street',
    negaraBagian: 'CA',
    negara: 'USA'
};

Untuk mengakses properti ‘building no’, Anda perlu menggunakan notasi mirip array:

alamat['building no'];

Jika menggunakan notasi titik, Anda akan mendapatkan kesalahan:

alamat.'building no';

Kesalahan:

SyntaxError: Unexpected string

Perlu diingat bahwa tidak disarankan menggunakan spasi dalam nama properti objek.

Membaca dari properti yang tidak ada akan menghasilkan nilai undefined. Sebagai contoh:

console.log(alamat.kecamatan);

Output:

undefined

Mengubah nilai dari suatu properti

Untuk mengubah nilai dari suatu properti, Anda menggunakan operator penugasan (=). Sebagai contoh:

let orang = {
    namaDepan: 'John',
    namaBelakang: 'Doe'
};

orang.namaDepan = 'Jane';

console.log(orang);

Output:

{ namaDepan: 'Jane', namaBelakang: 'Doe' }

Pada contoh ini, kita mengubah nilai properti namaDepan dari objek person dari ‘John’ menjadi ‘Jane’.

Menambahkan properti baru ke objek

Berbeda dengan objek dalam bahasa pemrograman lain seperti Java dan C#, Anda dapat menambahkan properti ke objek setelah pembuatan objek.

Pernyataan berikut menambahkan properti usia ke objek orang dan memberikan nilai 25 kepadanya:

orang.usia = 25;

Menghapus properti dari suatu objek

Untuk menghapus properti dari suatu objek, Anda menggunakan operator delete:

delete namaObjek.namaProperti;

Contoh berikut menghapus properti usia dari objek orang:

delete orang.usia;

Jika Anda mencoba mengakses properti usia lagi, Anda akan mendapatkan nilai undefined.

Memeriksa apakah suatu properti ada

Untuk memeriksa apakah suatu properti ada dalam suatu objek, Anda menggunakan operator in:

namaProperti in namaObjek

Operator in mengembalikan true jika namaProperti ada dalam namaObjek.

Contoh berikut membuat objek karyawan dan menggunakan operator in untuk memeriksa apakah properti ssn dan employeeId ada dalam objek:

let karyawan = {
    namaDepan: 'Peter',
    namaBelakang: 'Doe',
    employeeId: 1
};

console.log('ssn' in karyawan);
console.log('employeeId' in karyawan);

Output:

false
true

Ringkasan

• Sebuah objek adalah kumpulan pasangan nilai-kunci.
• Gunakan notasi titik (.) atau notasi mirip array ([]) untuk mengakses properti suatu objek.
• Gunakan operator delete untuk menghapus properti dari suatu objek.
• Gunakan operator in untuk memeriksa apakah suatu properti ada dalam suatu objek.