Yang dimaksud dengan manipulasi objek disini adalah mengakses data, mengubah data, menambah properti dan menghapus properti
Akses data
Ada dua cara untuk mengakses properti data di objek, menggunakan dot. notasi() atau notasi braket []
Sedangkan untuk mengakses setiap properti dari suatu objek kita dapat menggunakan for. dalam pernyataan
Copy
7for (const key in blueDino) {
8 console.log(`${key}: ${blueDino[key]}`);
Ubah data
Selain untuk mengakses data objek, notasi titik dan tanda kurung juga digunakan untuk mengubah data objek
Berdasarkan pengalaman saya ketika mulai belajar JavaScript, memahami objek adalah sesuatu yang mendasar. Inti dari JavaScript adalah tipe data objek. Jika kita telah mempelajari pemrograman Java atau. Net, kita harus terbiasa dengan tipe data integer, float, char, dan string sebagai tipe data primitif. Dalam JavaScript — tidak hanya memiliki tipe data primitif — ia juga memiliki tipe data yang kompleks, yaitu tipe data objek sebagai tipe data referensi.
Obyek?Object adalah sekumpulan daftar tipe data primitif (terkadang juga tipe data referensi) yang menyimpan nilai dengan konsep pasangan nama-nilai. Setiap item (lebih dikenal sebagai variabel) disebut properti, dan fungsi disebut metode
Ini adalah contoh sederhana dari sebuah objek
Kita sudah tahu bahwa objek menyimpan data dalam pasangan nama-nilai. Berdasarkan contoh di atas, namadepanandnamabelakang termasuk properti. Dan valuenya adalahRizaldanAsrul Pambudi
Nama properti bisa berupa string atau angka, tetapi jika nama properti berupa angka, maka diakses dengan cara yang berbeda. Ini adalah sebuah contoh
Tipe data referensi dan primitifMenurut saya, salah satu perbedaan utama antara tipe data referensi dan primitif adalah nilainya. Nilai tipe data referensi adalah alamat dari variabel yang diisi, sedangkan nilai tipe data primitif adalah nilainya. Apa artinya?
Mari kita bandingkan dengan tipe data objek yang merupakan tipe data referensi
Lihat, ada perbedaan dalam hasil, kan? . Dan saat kami mengubah propertiaLaptop_menjadi “HP”, aLaptopBarujuga berubah
Dua cara umum untuk membuat objekCara paling umum dan termudah untuk membuat objek adalah dengan menggunakan teknik literal objek
Cara kedua adalah dengan teknik object constructor. Konstruktor adalah fungsi yang digunakan untuk menginisialisasi objek baru, dan kami menggunakan kata kunci new untuk menggunakannya
Inti dari JavaScript — tipe data yang paling sering digunakan dan paling mendasar — adalah objek. Satu perbedaan utama antara tipe data primitif dan referensi adalah tipe data referensi menggunakan alamat sebagai nilai data, sedangkan tipe data primitif menggunakan nilai itu sendiri. Ada dua cara umum untuk membuat objek. objek literal dan konstruktor
Jika pada tutorial Javascript sebelumnya kita belajar tentang Manipulasi Data Array pada Javascript maka pada tutorial kali ini kita masuk ke pembahasan cara membuat objek pada Javascript
Objek dalam Javascript adalah variabel yang berisi nilai (Properties) dan fungsi (Methods), dalam pemrograman Javascript objek merupakan bagian yang sangat penting, jika sobat mampu memahami objek dalam javascript dengan baik, maka kita akan dengan mudah mempelajari bahasa pemrograman dengan Javascript
Contoh pada tutorial kita kali ini adalah kita akan mencoba membuat objek Motor
Bagaimana kami memodelkan objek motor dalam pemrograman Javascript, berikut adalah contohnya
var motor = { nama : 'CBR150', merek : 'Honda', warna : 'Merah' }; _
Agar lebih rapi dan mudah dipahami, dapat juga ditulis sebagai berikut
var motor = { nama : 'CBR150', merek : 'Honda', warna : 'Merah' };
Dari contoh di atas, kita cukup membuat properti dengan objek motor, dimana properti (variabel) adalah nilai dari objek motor yang berisi nama properti CBR150, merek Honda, warna Merah
Sedangkan metode adalah perilaku objek (fungsi)
var motor = { nama : 'CBR150', merek : 'Honda', warna : 'Merah' }; // method start = function() { console.log('Ini method start motor'); };
Selanjutnya cara mengakses objek adalah dengan menggunakan tanda titik kemudian nama property atau method
// cara akses variabel objek motor console.log(motor.nama); // cara akses method start start(); _
Ada beberapa cara membuat objek di Javascript, disini kita akan bahas tiga saja yaitu cara membuat objek dengan Deklarasi, Literal, Constructor
Deklarasi disini kita membuat fungsi hello, tapi sebelumnya kita membuat file training. html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Belajar Javascript</title> </head> <body> <h1>Hello World</h1> <script src="script.js"></script> </body> </html>
Kemudian buat file skrip. js maka sobat coba satu persatu dari cara atau fungsi hello berikut ini
// 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 pengkodean kita di atas, hasilnya adalah sebagai berikut
Ok segitu dulu ya teman-teman pembahasan kita tentang cara membuat object di Javascript, terima kasih sudah membaca tutorialnya sampai selesai 🙂 semoga bermanfaat, di tutorial selanjutnya kita masuk ke Javascript DOM, nantikan selanjutnya tutorial