Cara menggunakan ONJECT pada JavaScript

Berdasarkan pengalaman ketika saya memulai belajar JavaScript, memahami object adalah sesuatu yang fundamental. Inti dari JavaScript adalah tipe data object. Jika kita sudah belajar pemrograman Java atau .Net, kita pasti familiar dengan tipe data integer, float, char, dan string sebagai tipe data primitif. Di JavaScript — tidak hanya memiliki tipe data primitif — ia juga memiliki tipe data yang kompleks, yaitu tipe data object sebagai tipe data referensi atau reference

Object? Apakah itu?

Object adalah sekumpulan list dari tipe data primitif [terkadang juga tipe data reference] yang menyimpan nilai dengan konsep berpasangan name-value. Tiap item [yang lebih dikenal dengan nama variabel] disebut dengan property, dan function disebut dengan method.

Ini adalah contoh sederhana dari object:

Kita sudah tahu bahwa object menyimpan data secara berpasangan name-value nya. Berdasarkan contoh di atas,namadepandannamabelakangtermasuk property. Dan valuenya adalahRizaldanAsrul Pambudi.

Nama property dapat berupa string atau number, tetapi jika nama property adalah sebuah number, maka dia diakses dengan cara yang berbeda. Ini adalah contohnya.

Tipe data reference dan primitif

Menurut saya, salah satu perbedaan utama antara tipe data reference dan primitif adalah value. Value dari tipe data reference berupa alamat dari variabel yang diisi, sedangkan value dari tipe data primitif berupa nilai. Apa maksutnya?

Mari kita bandingkan dengan tipe data object yang bertipe data reference.

Lihat, terdapat perbedaan hasil bukan? Itu dikarenakan value dariaLaptop disimpan sebagai reference dan bukan nilai itu sendiri. Dan ketika kita mengubah propertiaLaptopmenjadi “HP”, aLaptopBarujuga berubah.

Dua cara umum untuk membuat object.

Cara terumum dan termudah untuk membuat object adalah dengan menggunakan teknik object literal.

Cara kedua adalah dengan teknik object constructor. Constructor adalah function yang digunakan untuk inisialisasi object baru, dan kita menggunakan keyword newuntuk menggunakannya.

Kesimpulan

Inti JavaScript — yang paling sering digunakan dan paling fundamental — tipe data adalah object. Satu perbedaan utama antara tipe data primitif dan reference adalah tipe data reference menggunakan alamat sebagai nilai dari datanya, sedangkan tipe data primitif menggunakan nilai itu sendiri. Terdapat dua cara umum untuk membuat object: object literal dan constructor.

Wrote with love by Rizal Asrul Pambudi.

Table of Contents

• Apa itu objek di JavaScript?
• Apa yang dimaksud dengan konsep pemrograman berorientasi objek?
• Apa yang dimaksud dengan objek dalam pemrograman?
• Apa itu method di JavaScript?

Jika pada tutorial Javascript sebelumnya kita mempelajari tentang Manipulasi Data Array pada Javascript maka pada tutorial kali ini kita masuk pada pembahasan tentang bagaimana cara bagaimana membuat objek pada Javascript.

Objek pada Javascript adalah variabel yang berisi nilai [Properti] dan fungsi [Method], pada pemprograman Javascript objek merupakan bagian yang sangat penting, apabila teman-teman mampu memahami object pada javascript dengan baik maka akan dengan mudah kita mempelajari bahasa pemprograman dengan Javascript.

Contoh di tutorial kita pada kali ini adalah kita akan coba membuat objek Motor :

Bagaimana kita memodelkan objek motor pada pemprograman Javascript, berikut contohnya :

var motor = { nama : 'CBR150', merek : 'Honda', warna : 'Merah' };

Agar lebih rapi dan mudah dipahami bisa juga ditulis seperti berikut :

var motor = { 
    nama : 'CBR150', 
    merek : 'Honda', 
    warna : 'Merah' 
};

Dari contoh diatas kita berusaja membuat properti dengan objek motor, dimana properti [variabel] adalah nilai dari objek motor dimana berisi properti nama CBR150, merek Honda, warna Merah.

Sedangkan method adalah perilaku dari objek [fungsi].

var motor = { 
    nama : 'CBR150', 
    merek : 'Honda', 
    warna : 'Merah' 
};

// method
start = function[] {
     console.log['Ini method start motor'];
};

Selanjutnya cara untuk mengakses objek adalah menggunakan tanda titik kemudian nama properti atau method.

// cara akses variabel objek motor
console.log[motor.nama];

// cara akses method start
start[];

Ada beberapa cara didalam membuat objek pada Javascript, disini kita akan membahas tiga saja yakni cara membuat objek secara Declaration, Literal, Constructor.

Declaration disini kita membuat fungsi halo, tapi sebelumnya kita buat file latihan.html :

    
    
    Belajar Javascript




    
Hello World
    
    

Kemudian buat file script.js kemudian teman-teman coba satu persatu dari method atau fungsi halo berikut :

// declaration
function halo[] {
    console.log['halo'];
}
halo[];

// literal
var obj = {};
obj.halo = function[]{
    console.log['halo Ilmuweb.net'];
}
obj.halo[];

// cara 3 - constructor
function Halo[] {
    console.log['Apakabar'];
}

new Halo[];

Dari kodingan kita diatas maka hasilnya adalah sebagai berikut :

Ok sekian dulu teman-teman pembahasan kita tentang babaimana cara membuat objek pada Javascript, terima kasih telah membaca tutorial sampai selesai 🙂 semoga bermanfaat, pada tutorial selanjutnya kita akan masuk pada DOM Javascript, ditunggu ya tutorial berikutnya.

Apa itu objek di JavaScript?

Objek JavaScript adalah entitas yang independen di mana ia memiliki metode dan properti. Nilai properti dapat berupa fungsi, dalam hal ini properti tersebut dikenal sebagai metode. dalam JavaScript Anda tidakd apat mendeklarasikan angka, string, dan boolean sebagai objek.

Apa yang dimaksud dengan konsep pemrograman berorientasi objek?

Pemrograman Berorientasi Objek [Object Oriented Programming/OOP] merupakan pemrograman yang berorientasikan kepada objek, dimana semua data dan fungsi dibungkus dalam class-class atau object-object. Setiap object dapat menerima pesan, memproses data, mengirim, menyimpan dan memanipulasi data.

Apa yang dimaksud dengan objek dalam pemrograman?

Objek adalah entitas yang memiliki atribut, karakter [bahavour] dan kadang kala disertai kondisi [state] [Douglas, 1992]. Pemrograman berorientasi objek ditemukan pada Tahun 1960, dimana berawal dari suatu pembuatan program yang terstruktur [structured programming].

Apa itu method di JavaScript?

Method JavaScript adalah tindakan yang dapat dilakukan pada objek. Method JavaScript adalah properti yang berisi definisi fungsi. Metohd adalah fungsi yang disimpan sebagai properti objek.

Apa itu objek di JavaScript?

Apa itu tipe data object JavaScript?

Apa yang dimaksud dengan objek dalam pemrograman?

Apa itu title pada JavaScript?