Membuat Object di JavaScript

Melalui kelas ini, kamu diajak untuk:

• Memahami konsep object dalam JavaScript.
• Memanipulasi object di JavaScript.

Membuat Object

Object Literal

Memasukkan data di dalam object satu per satu dengan var.

var siswa = {
    nama: "Joko",
    umur: 19,
    jurusan: "Ilmu Politik",
}
document.getElementById("class").innerHTML = siswa.nama + " berumur " + siswa.umur + " kuliah di " + siswa.jurusan;

Menggunakan New

Properti New digunakan untuk membuat objek khusus. New biasanya diikuti oleh properti this untuk secara khusus membungkus data dalam objek tertentu. Berikut contohnya:

var siswa = new Object()
siswa.nama = "Joko",
siswa.umur = 19,
sisws.jurusan = "Ilmu Politik",
document.getElementById("class").innerHTML = siswa.nama + " berumur " + siswa.umur + " kuliah di " + siswa.jurusan;

Menggunakan New

Properti New digunakan untuk membuat objek khusus. New biasanya diikuti oleh properti this untuk secara khusus membungkus data dalam objek tertentu. Berikut contohnya:

function.sisw(nama, umur, jurusan){
    this.nama = nama,
    this.umur = umur,
    this.jurusan = jurusan,
}
var siswa = sisw("Joko", 19, "Ilmu Politik")
document.getElementById("class").innerHTML = siswa.nama + " berumur " + siswa.umur + " kuliah di " + siswa.jurusan;

Properti

Object di JavaScript adalah susunan properti tak beraturan. Nantinya, nilai-nilai yang terasosiasikan dengan object dalam JavaScript akan terhubung dengan properti. Properti ini bisa ditambahkan, kurang, atau diubah.

Untuk memulai, mari kita kita gunakan contoh di materi sebelumnya. Misal kita hendak mengubah data di bagian umur

var siswa = {
    nama: "Joko",
    umur: 19,
    jurusan: "Ilmu Politik",
}

siswa.umur = 21

document.getElementById("class").innerHTML = siswa.nama + " berumur " + siswa.umur + " kuliah di " + siswa.jurusan;

Program tersebut akan menampilkan angka 21 alih-alih 19 karena terjadi perubahan di luar kurung kurawal.