Belajar Javascript es5 Dan es6 Part 7 Object

Artikel ini mengenai javascript tentang object yang membahas mengenai object, property dan values

bewoksatukosong.com | Hallo semuanya balik lagi dengan om bewok, kali ini om bewok akan share ke kalian mengenai Object Javascript.

Object ini yang akan membantu kita dalam membuat aplikasi. jadi kalau kamu sudah memahami object, kamu akan memahami javascript, kalau kata w3schools.com

In JavaScript, objects are king. If you understand objects, you understand JavaScript.

Sebenarnya object itu variabel juga, tapi menghasilkan banyak nilai(values). Jadi intinya kita membuat object, property, values Dan (Method Tutorial Di Selanjutnya). 

Jadi tutorial kali ini kita membahas object yang didalamnya mengena Object tentunya, Property dan Values. Langsung saja kita mulai.

Kita bisa contohkan dari mobil

OBJECT : MOBIL
PROPERTY : MERK, TAHUN, WARNA
VALUES:        Xpander, 2018, MERAH

Nah kita beri codingan aja ya, biar lebih paham mengenai oop (object oriented programming) javascript

Seperti biasa Buat Folder dengan nama #7_object, lalu kita buat file bernama object1.html Tampilan-Nya seperti dibawah ini ya 

Oke kita bahas satu persatu ya

1. const mobil kita membuat object
2. Kita memberikan property dan value
3. merk : xpander | tahun: 2018 |  warna: merah
4. kita panggil menggunakan console.log
5. rumus untuk memanggil semua value console.log(namaobject)
6. panggil tiap value console.log(namaobject.property)

Oke biar lebih paham dan lebih dalam lagi, kita buat object yang lain yaitu orang
Object : Orang
Property: fullname, username, tempat_lahir, hobi[array in object], alamat (kota, perumahan[object in object]), pekerjaan, umur
Values : naysilla mirdad, @naysila90, jakarta, [games, baca buku, film], kota:bekasi, perumahan: auri, artis, 29

Nah ini lebih banyak lagi, dan mulai beragam konsep-Nya 
Sebelum coding kita buat file terlebih dahulu dengan nama object2.html, lalu codingan-Nya seperti dibawah ini ya. nanti om bewok jelasin satu persatu
Tampilan-Nya seperti dibawah ini ya

Oke mari kita jelaskan mengenai orang ya
1. Kita membuat object bernama orang
2. kita membuat property dan values seperti biasa dari fullname - tempat_lahir
3. hobi. Kita menggunakan array, jadi array di dalam object, karena values nya lebih dari 1.
4. alamat. Kita menggunakan object di dalam object, karena kita butuh alamat yang spesifik, perhatikan pada kurung kurawal dan koma-Nya ya.

// tambah property | object
orang.umur = 23;
console.log(orang.umur);
// 23 
menambah property umur dengan cara orang.umur = 23;

// panggil alamat.kota
console.log("Alamat Kota : "+orang.alamat.kota);
// bekasi
Kita memanggil object didalam object dengan cara console.log(orang.alamat.kota);

// manggil property lahir tanpa menggunakan nama object
const { tempat_lahir } = orang;
console.log("Tempat lahir: "+tempat_lahir);
// jakarta
Ini cara memanggil tanpa menggunakan nama object, karena sudah kita buat set sebelumnya const {tempat_lahir} = orang;
console.log(tempat_lahir);

// memanggil array didalam objek
console.log(orang.hobi);
memanggil semua array hobi didalam object dengan cara console.log(orang.hobi);

// panggil console.log hobi index ke 1, dimulai dari 0 ya
console.log(orang.hobi[1]);
// baca buku
Kita memanggil array dengan cara console.log(orang.hobi[1]);

console.log(orang);

Cara memanggi semua property dari object orang

Kalau masih bingung, bisa comment dibawah sini.

Source Code Github

Tutorial Series Belajar Javascript es5 & es6