Pelajari properti objek JavaScript lengkap seperti akses property, for in, menambah property, dan menghapus property object.
Properti Objek JavaScript Lengkap untuk Pemula
Pembukaan
Properti objek JavaScript digunakan untuk menyimpan data di dalam object. Property sangat penting dalam pengembangan website modern karena digunakan untuk:
Data CCTV
Monitoring server
Analytic camera system
Dashboard jaringan
Management perangkat realtime
Dalam sistem profesional seperti Haikal IT Support, properti object digunakan untuk menyimpan status server, analytic camera data, IP perangkat, dan monitoring jaringan.
Berikut penjelasan lengkap properti objek JavaScript.
1. Mengakses Properti Menggunakan .property
Cara paling umum menggunakan titik (.).
Contoh Kode
let server = {
nama: "Server CCTV",
status: "Online"
};
console.log(server.nama);
Hasil Demo
Server CCTV
Penjelasan
server.namaMengambil property
nama.
Mengakses Property Lain
Contoh Kode
let camera = {
lokasi: "Lobby",
status: "Aktif"
};
console.log(camera.status);
Hasil Demo
Aktif
2. Mengakses Properti Menggunakan [property]
Property juga dapat diakses menggunakan bracket.
Contoh Kode
let server = {
nama: "Server VMS",
status: "Online"
};
console.log(server["nama"]);
Hasil Demo
Server VMS
Penjelasan
Berguna untuk property dinamis.
Menggunakan Variabel Property
Contoh Kode
let server = {
nama: "Server CCTV"
};
let data = "nama";
console.log(server[data]);
Hasil Demo
Server CCTV
Penjelasan
Nama property bisa berasal dari variabel.
3. Mengakses Properti Menggunakan for in
for...in digunakan untuk membaca semua property object.
Contoh Kode
let camera = {
nama: "CCTV Lobby",
status: "Online",
ip: "192.168.1.10"
};
for(let data in camera) {
console.log(data + " : " + camera[data]);
}
Hasil Demo
nama : CCTV Lobby
status : Online
ip : 192.168.1.10
Penjelasan
for...inmembaca semua property object.
4. Menambahkan Properti Baru ke Objek yang Sudah Ada
Object dapat ditambah property baru kapan saja.
Contoh Kode
let server = {
nama: "Server CCTV"
};
server.status = "Online";
console.log(server);
Hasil Demo
{
nama:"Server CCTV",
status:"Online"
}
Penjelasan
Property baru berhasil ditambahkan.
Menambahkan Property dengan Bracket
Contoh Kode
let camera = {
nama: "CCTV 1"
};
camera["lokasi"] = "Lobby";
console.log(camera);
Hasil Demo
{
nama:"CCTV 1",
lokasi:"Lobby"
}
5. Menghapus Properti dari Objek
Gunakan delete.
Contoh Kode
let server = {
nama: "Server CCTV",
status: "Offline"
};
delete server.status;
console.log(server);
Hasil Demo
{
nama:"Server CCTV"
}
Penjelasan
Property
statusberhasil dihapus.
Menampilkan Property di HTML
Contoh Kode
<!DOCTYPE html>
<html>
<body>
<h2 id="demo"></h2>
<script>
let server = {
nama: "Server Monitoring",
status: "Online"
};
document.getElementById("demo").innerHTML =
server.status;
</script>
</body>
</html>
Hasil Demo
Online
Penyebab Error Property Object
Beberapa kesalahan umum:
Salah nama property
Property tidak ada
Salah penggunaan titik
.Salah penggunaan bracket
[]
Cara Mengatasi Error Property
1. Pastikan Nama Property Benar
Salah:
server.stats
Benar:
server.status
2. Gunakan Bracket untuk Property Dinamis
Contoh Kode
let data = "status";
console.log(server[data]);
Hasil Demo
Online
3. Gunakan for...in
Contoh Kode
for(let x in server) {
console.log(x);
}
Hasil Demo
nama
status
Contoh Kasus
Kasus:
Dashboard monitoring CCTV perlu menambahkan IP camera otomatis.
Solusi:
Tambahkan property baru.
Contoh Kode
let camera = {
nama: "CCTV 1"
};
camera.ip = "192.168.1.20";
console.log(camera);
Hasil Demo
{
nama:"CCTV 1",
ip:"192.168.1.20"
}
Tips Tambahan
Gunakan
.untuk akses normal.Gunakan
[]untuk property dinamis.Gunakan
for...inuntuk membaca object.Gunakan
deletedengan hati-hati.
Internal Link
Artikel terkait di Haikal IT Support:
Objek JavaScript
Array JavaScript
Fungsi JavaScript
Variabel JavaScript
Dasar JavaScript
Kesimpulan
Properti objek JavaScript digunakan untuk menyimpan dan mengelola data dalam object. JavaScript menyediakan berbagai cara mengakses property seperti .property, [property], dan for...in.
Pemahaman properti object sangat penting dalam pengembangan dashboard monitoring CCTV, analytic camera system, server management, dan network system profesional di Haikal IT Support.
