Cara menggunakan METOTH di JavaScript

Dari ES5 (ecmascript versi 5) hingga ES6 (ecmascript versi 6) ada banyak fitur baru yang disematkan di javascript. Diantaranya adalah kelas. Di ES5, perintah untuk membuat objek data adalah menggunakan perintah function atau tanda "{}". Namun, hal ini tidak lazim dilakukan saat membuat objek dalam bahasa pemrograman lain seperti java, c#, c++, dan bahasa berorientasi objek lainnya. Namun sebelum membahas lebih lanjut, kita perlu mengetahui terlebih dahulu apa itu objek. Oleh karena itu pada kesempatan kali ini kita akan membahas apa saja objek yang ada pada javascript

Catatan. Javascript, actionscript, jscript dibangun di atas ecmascript

Langsung saja kita ke tutorialnya

Daftar isi

iklan

Apa itu objek dalam javascript?

Objek adalah segala sesuatu yang memiliki karakteristik dan perilaku
Segala sesuatu yang memenuhi dua syarat di atas, dapat kita anggap sebagai objek

Dalam dunia pemrograman, fitur dapat disamakan dengan properti dan perilaku dapat disamakan dengan metode atau fungsi. Kita telah mempelajari DOM (Document object model) dimana setiap elemen html dianggap sebagai objek model dan setiap objek model memiliki properti dan metode.

Cara membuat objek di javascript

Di sini kita akan mencoba membuat objek menggunakan fungsi anonim (pen. fungsi anonim), menggunakan function yang umum digunakan sebelum ES versi 6, dan menggunakan kelas pada ES versi 6 dan di atasnya

Buat objek langsung di javascript

Metode ini memungkinkan pembuatan objek untuk penggunaan satu kali, yaitu, kami tidak menggunakan perintah new untuk membuat objek

Contoh kodenya adalah sebagai berikut,

var obj = {
  nama : "deretcode.com",//=> ini properti
  tampil: function(){ //=> ini metod atau fungsi
     document.write(this.nama)
  }
};
obj.nama = "www." + buah.nama;
obj.tampil();
/*Hasilnya
-----------------
www.deretcode.com
----------------*/

Buat objek dengan fungsi dalam javascript

Cara ini merupakan cara yang sering digunakan sebelum rilis ES6. Karena sifat fleksibel dari fungsi javascript, kita dapat menggunakannya untuk membuat cetak biru objek sehingga objek yang sama dapat dibuat lagi tanpa harus menulis ulang objek, yaitu dengan membuat objek menggunakan perintah baru.

Contoh kodenya adalah sebagai berikut,

function hewan(nama,jenis) {
  this.nama = nama;
  this.jenis = jenis;//=> ini properti
  this.tampil = function(){ //=> ini metod atau fungsi
     document.write(this.nama + " termasuk jenis "+ this.jenis);
  }
};
var angsa = new hewan("Angsa","unggas");
angsa.tampil();
/*Hasilnya
-----------------
Angsa termasuk jenis unggas
----------------*/

Buat objek dengan kelas dalam javascript

Apa itu kelas?

Class adalah blueprint atau kerangka kerja dari suatu objek berdasarkan klasifikasi objek tersebut

Metode ini merupakan metode yang direkomendasikan karena sesuai dengan aturan pembuatan object blueprint dalam bahasa pemrograman oop (object oriented programming).
Dengan cara ini kita dapat mengklasifikasikan objek sesuai dengan karakteristiknya

iklan

Contoh kodenya adalah sebagai berikut,

class Hewan 
{
   constructor(nama, jenis) 
   {
     this.nama = nama; //set nilai propetti
     this.jenis = jenis; // set nilai properti
   }
   tampil()// methode
   {
      document.write(this.nama + " termasuk jenis "+ this.jenis);
   }
}
var angsa = new Hewan("Angsa","unggas");
var kambing = new Hewan("Kambing","mamalia");
angsa.tampil();
/*Hasilnya
-----------------
Angsa termasuk jenis unggas
----------------*/
Disini kita membuat class hewan dan membuat objek dari class hewan yaitu angsa dan kambing.
Misalkan kita punya dua class yatiu "hewan" dan "tumbuhan", maka ketika kita ingin membuat objek "ayam"  kita tahu bahwa class yang harus digunakan adalah class hewan dan jika kita ingin membuat objek rumput kita menggunakan class tumbuhan.
Constructor digunakan untuk melakukan dependency injection ketika objek tersebut dibuat instancenya, ini sama seperti parameter pada  function.
Mengakses nilai properti dari objek
Mengakses atau mengambil nilai properti dari sebuah objek kita bisa memanggil properti tersebut secara langsung dengan perintah berikut
Nama_Object.Nama_Properti
Contoh kodenya seperti berikut
class Hewan 
{
   constructor(nama, jenis) 
   {
     this.nama = nama; //set nilai propetti
     this.jenis = jenis; // set nilai properti
   }
}
var angsa = new Hewan("Angsa","Unggas");
let nama = angsa.nama
let jenis= angsa.jenis;
console.log(nama);
console.log(jenis);
/*Hasilnya
-----------------
Angsa
Unggas
----------------*/

Buat daftar objek dalam javascript

Sebelumnya kita telah belajar membuat data array. Sebuah array tidak hanya dapat diisi dengan data string dan angka tetapi juga dapat diisi dengan data berupa objek. Misalnya kita ingin membuat daftar data siswa. Kita dapat membuat kelas siswa dan kemudian membuat objek dari kelas siswa tersebut dan setiap objek dari siswa tersebut disimpan dalam array data

Contoh kodenya adalah sebagai berikut,

class Mahasiswa 
{
  constructor(nama, nilai) {
    this.nama = nama;
    this.nilai = nilai;
  }
}
var arrayMhs = new Array();
var angga = new Mahasiswa("angga","A"); 
arrayMhs.push(angga);
var irwan = new Mahasiswa("irwan","B");
arrayMhs.push(irwan);
var hanif = new Mahasiswa("hanif","B+");
arrayMhs.push(hanif);
var ridwan = new Mahasiswa("ridwan","A-");
arrayMhs.push(ridwan);
console.log(arrayMhs);

Sebagai hasilnya,

Demikian tutorial objek data pada javascript, silahkan teman-teman pelajari lebih lanjut apa itu objek

Apa itu metode dalam JavaScript?

Apakah JavaScript cocok untuk pemula?

Bagaimana cara membuat fungsi dalam JavaScript?

Apa itu Filter JavaScript?