Cara menggunakan OBJECCT dalam JavaScript

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 primitif
Menurut 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 objek
Cara 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
Kesimpulan
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
deklarasi metode
literal metode
konstruktor metode
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
 

			
Apa itu objek dalam JavaScript?
			
3. 1 Penjelasan Obyek
 . variabel yang menyimpan nilai (properti) yang dibuat dengan tanda kurung kurawal dengan isi berupa key dan value.
		
			
Apa itu array dan objek dalam JavaScript?
			
Objek. kalau diterjemahkan ke dalam bahasa Indonesia adalah objek/tujuan/sasaran.  Larik. jika diterjemahkan ke dalam bahasa Indonesia adalah susunan/urutan/baris . Himpunan[]. untuk menampilkan daftar nomor. 
		
			
Bagaimana cara menulis fungsi dalam JavaScript *?
			
 untuk membuat suatu fungsi, penulisan harus diawali dengan sintaks “fungsi” kemudian dilanjutkan dengan nama fungsi yang akan dibuat. dan isikan  from  fungsinya ditulis di  in  kurung kurawal buka " {” dan kurung kurawal tutup “}”. 
		
			
Apa yang dimaksud dengan metode dalam JavaScript?
			
Metode  —  metode  digunakan untuk manipulasi array, seperti menambahkan item baru, menghapus, dan segera.