Properti adalah bagian terpenting dari objek JavaScript apa pun.
Section Artikel
Properti adalah nilai yang berkaitan dengan objek pada JavaScript.
Sedangkan objek JavaScript adalah kumpulan properti yang tidak berurutan.
Properti biasanya dapat diubah, ditambahkan, dan dihapus, tetapi beberapa hanya dapat dibaca.
Sintaks untuk mengakses properti suatu objek adalah sebagai berikut:
objectName.property // person.age
atau
objectName["property"] // person["age"]
atau
objectName[expression] // x = "age"; person[x]
Ekspresi harus bernilai nama properti.
Contoh 1:
<!DOCTYPE html> <html> <body> <h2> Properti Objek JavaScript </h2> <p> Ada dua cara berbeda untuk mengakses properti objek: </p> <p> Anda dapat menggunakan .property atau ["property"]. </p> <p id="demo"></p> <script> var person = { firstname:"John", lastname:"Doe", age:50, eyecolor:"blue" }; document.getElementById("demo").innerHTML = person.firstname + " is " + person.age + " years old."; </script> </body> </html>
Contoh 2:
<!DOCTYPE html> <html> <body> <h2> Properti Objek JavaScript </h2> <p> Ada dua cara berbeda untuk mengakses properti objek: </p> <p> Anda dapat menggunakan .property atau ["property"]. </p> <p id="demo"></p> <script> var person = { firstname:"John", lastname:"Doe", age:50, eyecolor:"blue" }; document.getElementById("demo").innerHTML = person["firstname"] + " is " + person["age"] + " years old."; </script> </body> </html>
Statement for…in pada JavaScript berulang melalui setiap properti suatu objek.
Sintaks:
for (variable in object) { }
Blok kode di dalam for … in loop akan dijalankan sekali pada setiap properti.
Perulangan melalui properti suatu objek.
Contoh:
<!DOCTYPE html> <html> <body> <h2> Properti Objek JavaScript </h2> <p id="demo"></p> <script> var txt = ""; var person = {fname:"John", lname:"Doe", age:25}; var x; for (x in person) { txt += person[x] + " "; } document.getElementById("demo").innerHTML = txt; </script> </body> </html>
Anda dapat menambahkan properti baru ke objek yang sudah ada hanya dengan memberinya nilai.
Asumsikan bahwa objek person sudah ada – Anda kemudian dapat memberikan properti baru.
Contoh:
<!DOCTYPE html> <html> <body> <h2> Properti Objek JavaScript </h2> <p> Anda dapat menambahkan properti baru ke objek yang sudah ada. </p> <p id="demo"></p> <script> var person = { firstname:"John", lastname:"Doe", age:50, eyecolor:"blue" }; person.nationality = "English"; document.getElementById("demo").innerHTML = person.firstname + " is " + person.nationality + "."; </script> </body> </html>
Kata kunci delete berguna untuk menghapus properti dari objek.
Contoh:
<!DOCTYPE html> <html> <body> <h2> Properti Objek JavaScript </h2> <p> Anda dapat menghapus properti objek. </p> <p id="demo"></p> <script> var person = { firstname:"John", lastname:"Doe", age:50, eyecolor:"blue" }; delete person.age; document.getElementById("demo").innerHTML = person.firstname + " is " + person.age + " years old."; </script> </body> </html>
Kata kunci delete akan menghapus nilai properti dan properti itu sendiri.
Setelah dihapus, properti tidak dapat digunakan sebelum ditambahkan kembali.
Operator delete dirancang untuk digunakan pada properti objek. Kata kunci ini tidak berpengaruh pada variabel atau fungsi.
Operator delete tidak boleh digunakan pada properti objek JavaScript yang telah ditentukan sebelumnya. Itu dapat merusak aplikasi Anda.
Semua properti memiliki nama. Selain itu mereka juga punya nilai.
Nilai adalah salah satu atribut properti.
Atribut lainnya adalah: enumerable, configurable, dan writable.
Atribut ini menentukan bagaimana properti dapat diakses (apakah dapat dibaca ? apakah dapat ditulis?)
Dalam JavaScript, semua atribut dapat dibaca, tetapi hanya atribut nilai yang dapat diubah (dan hanya jika properti dapat ditulis).
(ECMAScript 5 memiliki metode untuk mendapatkan dan mengatur semua atribut properti)
Objek JavaScript mewarisi properti prototipe mereka.
Kata kunci delete tidak menghapus properti yang diwariskan, tetapi jika Anda menghapus properti prototipe, ini akan mempengaruhi semua objek yang diwarisi dari prototipe.