Mengenal Object JavaScript, Property Key dan Value

Sebelumnya Object JavaScript telah kita bahas pada tutorial type data. Secara sederhana Object di JavaScirpt adalah sesuatu yang dapat digunakan untuk mengumpulkan bermacam data. Macam data ini dapat dalam bentuk yang sederhana atau juga lebih kompleks. Di JavaScript Object memiliki peran yang cukup besar terutama dalam hal yang berkaitan dengan API.

Untuk mengetahui bagaimana sebuah object ini… yuk mari kita bahas..

Object terdiri atas property dan method.

Property

Property adalah pasangan nama dan nilai yang terdapat di dalam tanda { } dari sebuah object.

Object dan Property

object mobil pada gambar di atas memiliki 3 property yaitu nama : "BMW” , model : "i8" dan warna : "Putih". Dalam contoh tersebut nama, model dan warna adalah nama dari property atau juga dikenal dengan key. Sedangkan BMW,i8 dan putih adalah value.

Key property ditulis dalam betuk string sementara value dapat dalam bentuk apapun.

Mengakses Object JavaScript

Sebuah object berisi list property yang menggambarkan karakter dan perilaku yang dimiliki oleh sebuah object. Object mobil di atas memiliki warna putih.

Kita dapat mengakses salah satu dari property yang dimiliki oleh object. Untuk mengakses value warna mobil kita memanggil nama object dan menuliskan .key_property.

Silahkan amati contoh cara mengakes property dari sobuah object pada file html di bawah ini:

mobil.html

<html>

<head>
    <title>Belajar JavaScript : Tipe Data Object</title>
</head>

<body>
    <script type="text/javascript">
        const mobil = {                
                nama : "BMW",
                model : "i8",
                warna : "putih"
            };      
        console.log(mobil.warna);   // Output : Putih;           
    </script>

</body>

</html>

dari contoh di atas kita mengakses value warna dengan menuliskan mobil.warna.

Menghapus Property Object

menghapus property dari sebuah object bisa dilakukan menggunakan operator delete.

script di bawah ini adalah salah satu cara penggunaan operator delete. Pada contoh ini property yang di hapus adalah warna.

   const mobil = {                
                nama : "BMW",
                model : "i8",
                warna : "putih"
            };                  
        delete mobil.warna;      
        console.log(mobil.warna);
        // Output : undefined;   

Instansiasi Object di JavaScript

Object erat kaitannya dengan instansiasi.

Sama halnya dengan kosep oop pada umumnya. Di JavaScript kita dapat melakukan instansiasi object menggunakan operator new.

Hal dasar dari sebuah object JavaScript dan perbandingannya dengan constructor sebagai berikut:

<html>

<head>
    <title>Belajar JavaScript : Tipe Data Object</title>
</head>

<body>
    <script type="text/javascript">
    let x = new Object
    let y = x.constructor === Object         
     console.log(y); // Output true
    </script>

</body>

</html>

Object akan bernilai benar jika di bandingkan dengan constructor hasil instansiasi object tersebut.

Karakter lain dari object :

let x = {}
x.constructor === Object // true

let x = new Object
x.constructor === Object // true

let z = []
z.constructor === Array // true

let z = new Array
z.constructor === Array // true

let y = new Number(3)
y.constructor === Number // true

Dari karakter di atas dapat diketahui bahwa nilai true tidak hanya di peroleh dari perbandingan konstruktor dengan object. tetapi juga perbandingan dengan instansiasi array number

Leave a comment