Beranda
  • Beranda
  • Kursus Programming
  • Karir
  • Layanan Kami
    • IT Outsourcing
    • Jasa Pembuatan Software
    • Jasa Programmer
    • Jasa Pembuatan Website
      • Jasa Pembuatan Website Toko Online
      • Jasa Pembuatan Website Company Profile
      • Jasa Pembuatan Website Rental Mobil
      • Jasa Pembuatan Website Pribadi
      • Jasa Pembuatan Website Marketplace
  • Tutorial IT
    • Tutorial HTML
    • Tutorial JavaScript
    • Tutorial JQuery
    • Tutorial SQL
    • Tutorial Java
    • Tutorial CSS
    • Tutorial Dart
    • Tutorial PHP
    • Tutorial Flutter
  • Blog

Tutorial JavaScript

  • Tutorial Belajar JavaScript
  • Pengertian JavaScript
  • Cara Membuat JavaScript Di HTML
  • Output JavaScript
  • Contoh Coding JavaScript
  • Penulisan JavaScript
  • Komentar Pada JavaScript
  • Variabel JavaScript
  • Operator Pada JavaScript
  • Penjumlahan JavaScript
  • Operator Assignment
  • Tipe Data JavaScript
  • Fungsi Pada JavaScript
  • JavaScript Object
  • Event Pada JavaScript
  • JavaScript Text Atau String
  • Berbagai Fungsi Pada String
  • JavaScript Angka Atau Number
  • Berbagai Fungsi Pada Number
  • Array Pada JavaScript
  • Berbagai Fungsi Pada Array
  • Mengurutkan Array
  • Mengambil Nilai Array
  • JavaScript Tanggal
  • Format Date
  • Fungsi Get Pada Date
  • Fungsi Set Pada Date
  • JavaScript Boolean
  • Perbandingan Dengan JavaScript
  • Kondisi Dengan JavaScript
  • Kondisi Dengan Switch
  • Perulangan Pada JavaScript
  • Perulangan While JavaScript
  • JavaScript Break
  • Membuat Fungsi JavaScript
  • Parameter Pada Fungsi
  • Memanggil Fungsi JavaScript
  • Konsep Scope
  • Keyword this Pada JavaScript
  • Class Pada JavaScript
  • Membuat Object JavaScript
  • Properti Pada Object
  • Fungsi Pada Object
  • Mencetak Nilai Object
  • Mengakses Nilai Dalam Object
  • Constructor Pada Object
  • Beranda
  • Tutorial
  • JavaScript Object

JavaScript Object

Daftar Isi
  • Mengenal Object
  • Deklarasi Object
  • Mengakses Properti
  • Method Object (Fungsi)
  • Memanggil Method Object

Dalam dunia nyata mobil adalah suatu object. Mobil mempunyai karakteristik seperti warna dan berat. Mobil mempunyai fungsi seperti berjalan dan berhenti. Dalam dunia pemrograman mobil juga bisa diumpamakan sebagai object. Karakteristik mobil adalah properti object tersebut. Fungsi mobil (berjalan dan berhenti) adalah fungsi di dalam object tersebut.

Semua mobil mempunyai properti yang sama tapi mempunyai nilai properti yang berbeda. Semua mobil mempunyai properti warna. Tapi mobil A bisa berwarna merah dan mobil B bisa berwarna hitam.

Semua mobil mempunyai fungsi yang sama tapi mempunyai output fungsi yang berbeda. Semua mobil mempunyai fungsi berjalan. Tapi mobil A berjalan dengan kecepatan maksimal 100 km/jam dan mobil B berjalan dengan kecepatan maksimal 240 km/jam.

Topik object akan dibahas lebih detil pada tutorial selanjutnya Membuat Object JavaScript.

Mengenal Object #

Kita sudah mengenal variable yang bisa mempunyai sebuah nilai.

var car = "Fiat";

Contoh di atas memperlihatkan variable car dengan nilai Fiat.

Object adalah variable yang bisa mempunyai beberapa nilai.

var car = {type:"Fiat", model:"500", color:"white"};

Contoh di atas memperlihatkan variable car berupa object yang mempunyai nilai Fiat, 500 dan white. Nilai-nilai tersebut adalah nilai dari properti type, model dan color. Nilai dalam object ditulis dengan format “name:value”. Dimana name adalah nama properti dan value adalah nilai properti. Setiap properti dipisahkan dengan tanda koma.

Deklarasi Object #

Contoh di bawah ini adalah format deklarasi object.

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

Deklarasi setiap properti bisa dibuat per baris agar terlihat rapi.

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

Mengakses Properti #

Properti object dapat diakses dengan cara seperti di bawah ini.

NamaObject.NamaProperti

Atau bisa juga dengan format seperti ini.

NamaObject["NamaProperti"]

Perhatikan dua contoh cara mengakses properti object di bawah ini.

person.lastName;

person["lastName"];

Method Object (Fungsi) #

Object dapat mempunyai method. Method adalah fungsi yang disimpan dalam bentuk properti. Format method adalah nama:fungsi. Dimana nama adalah nama properti dan fungsi adalah deklarasi fungsi.

var person = {
  firstName: "John",
  lastName : "Doe",
  id       : 5566,
  fullName : function() {
    return this.firstName + " " + this.lastName;
  }
};

Contoh di atas memperlihatkan object person. Object person mempunyai empat properti. Properti pertama bernama firstName dengan nilai berbentuk text. Properti kedua bernama lastName dengan nilai berbentuk text. Properti ketiga bernama id dengan nilai berbentuk angka. Properti keempat bernama fullName dengan nilai berbentuk fungsi.

Memanggil Method Object #

Gunakan format di bawah ini untuk memanggil method pada object.

NamaObject.NamaMethod()
name = person.fullName();

Sama seperti fungsi, apabila dipanggil tanpa () maka akan menghasilkan isi fungsi itu sendiri.

name = person.fullName;

What are your Feelings
Share This Article :
  • Facebook
  • Twitter
  • LinkedIn
  • Pinterest
Fungsi Pada JavaScriptEvent Pada JavaScript

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Daftar Isi
  • Mengenal Object
  • Deklarasi Object
  • Mengakses Properti
  • Method Object (Fungsi)
  • Memanggil Method Object

Marketing Office

Epicentrum Walk Office Suite 529A, Jl. HR. Rasuna Said, Jakarta Selatan 12940

Workshop

Nextgen Training Center, Jl. Raya Tanah Baru no 3, Pancoran Mas, Depok

Email

sales@nextgen.co.id

@2020 PT Nextgen Inovasi Indonesia

PT. Nextgen Inovasi Indonesia

PT Nextgen Inovasi Indonesia adalah perusahaan IT yang didirikan pada tahun 2015. Lini bisnis kami adalah inovasi dalam cara belajar teknologi informasi dengan cepat dan efisien.