Objek JavaScript

❮ Sebelumnya Berikutnya ❯

Dalam JavaScript, objek adalah raja. Jika Anda memahami objek, Anda memahami JavaScript.

Dalam JavaScript, hampir "semuanya" adalah objek.

Boolean dapat berupa objek (jika didefinisikan dengan newkata kunci)
Angka dapat berupa objek (jika didefinisikan dengan newkata kunci)
String dapat berupa objek (jika didefinisikan dengan newkata kunci)
Tanggal selalu menjadi objek
Matematika selalu menjadi objek
Ekspresi reguler selalu objek
Array selalu menjadi objek
Fungsi selalu objek
Objek selalu objek

Semua nilai JavaScript, kecuali primitif, adalah objek.

JavaScript Primitif

Nilai primitif adalah nilai yang tidak memiliki properti atau metode.

Tipe data primitif adalah data yang memiliki nilai primitif.

JavaScript mendefinisikan 5 tipe tipe data primitif:

string
number
boolean
null
undefined

Nilai-nilai primitif tidak dapat diubah (nilai-nilai itu di-hardcode dan oleh karena itu tidak dapat diubah).

jika x = 3,14, Anda dapat mengubah nilai x. Tetapi Anda tidak dapat mengubah nilai 3,14.

Nilai	Jenis	Komentar
"Halo"	rangkaian	"Halo" selalu "Halo"
3.14	nomor	3,14 selalu 3,14
benar	boolean	benar selalu benar
Salah	boolean	salah selalu salah
batal	nol (objek)	nol selalu nol
tidak terdefinisi	tidak terdefinisi	tidak terdefinisi selalu tidak terdefinisi

Objek adalah Variabel

Variabel JavaScript dapat berisi nilai tunggal:

Contoh

let person = "John Doe";

Variabel JavaScript juga dapat berisi banyak nilai.

Objek juga variabel. Tetapi objek dapat berisi banyak nilai.

Nilai objek ditulis sebagai nama : pasangan nilai (nama dan nilai dipisahkan dengan titik dua).

Contoh

let person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};

Objek JavaScript adalah kumpulan nilai bernama

Ini adalah praktik umum untuk mendeklarasikan objek dengan constkata kunci.

Contoh

const person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};

Properti Objek

Nilai bernama, dalam objek JavaScript, disebut properti .

Properti	Nilai
nama depan	John
nama keluarga	Kelinci betina
usia	50
warna mata	biru

Objek yang ditulis sebagai pasangan nilai nama mirip dengan:

Array asosiatif dalam PHP
Kamus dengan Python
Tabel hash di C
Peta hash di Jawa
Hash di Ruby dan Perl

Metode Objek

Metode adalah tindakan yang dapat dilakukan pada objek.

Properti objek dapat berupa nilai primitif, objek lain, dan fungsi.

Metode objek adalah properti objek yang berisi definisi fungsi .

Properti	Nilai
nama depan	John
nama keluarga	Kelinci betina
usia	50
warna mata	biru
nama lengkap	function() {kembalikan this.firstName + " " + this.lastName;}

Objek JavaScript adalah wadah untuk nilai bernama, yang disebut properti dan metode.

Anda akan belajar lebih banyak tentang metode di bab-bab berikutnya.

Membuat Objek JavaScript

Dengan JavaScript, Anda dapat mendefinisikan dan membuat objek Anda sendiri.

Ada berbagai cara untuk membuat objek baru:

Buat objek tunggal, menggunakan objek literal.
Buat satu objek, dengan kata kunci new.
Tentukan konstruktor objek, lalu buat objek dari tipe yang dibangun.
Buat objek menggunakan Object.create().

Menggunakan Literal Objek

Ini adalah cara termudah untuk membuat Objek JavaScript.

Menggunakan literal objek, Anda berdua mendefinisikan dan membuat objek dalam satu pernyataan.

Literal objek adalah daftar pasangan nama:nilai (seperti usia:50) di dalam kurung kurawal {}.

Contoh berikut membuat objek JavaScript baru dengan empat properti:

Contoh

const person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};

Spasi dan jeda baris tidak penting. Definisi objek dapat mencakup beberapa baris:

Contoh

const person = {
  firstName: "John",
  lastName: "Doe",
  age: 50,
  eyeColor: "blue"
};

Contoh ini membuat objek JavaScript kosong, lalu menambahkan 4 properti:

Contoh

const person = {};
person.firstName = "John";
person.lastName = "Doe";
person.age = 50;
person.eyeColor = "blue";

Menggunakan Kata Kunci JavaScript baru

Contoh berikut membuat objek JavaScript baru menggunakan new Object(), lalu menambahkan 4 properti:

Contoh

const person = new Object();
person.firstName = "John";
person.lastName = "Doe";
person.age = 50;
person.eyeColor = "blue";

Contoh di atas melakukan hal yang persis sama.

Tapi tidak perlu menggunakan new Object().

Untuk keterbacaan, kesederhanaan, dan kecepatan eksekusi, gunakan metode literal objek.