Belajar Javascript (Part2): Variabel Javascript, Tipe Data Variabel Dan Objek Javascript
- Sebelum malanjutkan mencar ilmu JavaScript di part ini, mungkin Anda akan membaca part sebelumnya yaitu ihwal Tutorial Belajar JavaScript (Part1): Apaitu JavaScript dan Sejarah JavaScript.
Tutorial Belajar JavaScript Variabel JavaScript
Variabel ialah kawasan menyimpan data atau mengganti dengan alias data tersebut. Variabel diharapkan alasannya ialah data sanggup berubah-ubah dan seringkali perlu dikirimkan ke suatu fungsi yang berbeda. Untuk mendeklarasi/membuat variabel, gunakanlah kata kunci "var". Pengisian nilai pada sebuah variabel memakai tanda "=" (sama dengan). Hal yang baik dan bijak dalam menyimpan variabel pada suatu kawasan yaitu di bagian awal kode. Tujuannya ialah kerapihan sehingga arahan gampang dibaca dan pada dikala ada kesalahan arahan yang kita identifikasi ini ialah kesalahan deklarasi, maka kita tahu arahan yang tersebut ada dimana.
Contoh penulisan arahan Variabel:
<!DOCTYPE html> <html> <body> <script type="text/javascript"> var nama= "Edi"; // Deklarasi sekaligus pengisian var perusahaan; // Deklarasi variabel saja perusahaan= "Google"; //Pengisian variabel document.write(nama); document.write(perusahaan); </script> </body> </html>
 | |||
| Pembuatan variabel javascript |
Ada beberapa hukum dalam penamaan variabel di dalam JavaScript:
1. Variabel harus dimulai dengan Huruf
2. Variabel juga sanggup dimulai dengan $ dan _
3. Seperti JavaScript sendiri, nama Variabel bersifat "case sensitive"
Tutorial Belajar JavaScript Tipe Data Variabel
Beberapa tipe data variabel didalam JavaScript ialah String, Number, Array dan Objek.
Penggunaannya ialah sebagai berikut:
- String yaitu untuk menyimpan Teks.
- Number yaitu untuk menyimpan Angka. Angka tersebut sanggup bilangan bulat, desimal maupun bilangan yang sangat besar.kecil.
- Boolean untuk menyimpan nilai Benar dan Salah(True/False).
- Array untuk menyimpan data dengan tipe data yang sama. Ibarat kerata api, array mempunyai gerbong-gerbong. Setiap gerbong itu menyimpan sesuatu yang sama. Jika kerata barang, maka isi dari setiap gerbong ialah barang. Jika kerata penumpang, maka isinya ialah penumpang. Jika contohnya Jika contohnya array of number, maka setiap elemennya ialah Number. Perlu diingat bahwa array ialah JavaScript dimulai dari Index=0.
- Objek ialah jikalau Array untuk menyimpan data dengan tipe yang sama, maka objek justru dipakai untuk menyimpan bebrapa data dengan tipe yang berbeda. Misalnya objek mahasiswa dimana untuk setiap objeknya berisi nama bertipe String, NIM bertipe Number, dan seterusnya. Objek bukan hanya sanggup menyimpan variabel (property), tetapi juga method.
Baca juga: Tutorial Belajar JavaScript (Part1): Apaitu JavaScript dan Sejarah JavaScript.
Tutorial Belajar JavaScript Objek JavaScript
Didalam JavaScript, sebuah Objek ialah variabel dengan property dan method. Dengan JavaScript kita sanggup memilih dan membuat Objek sendiri. Property ialah nilai yang terkait dengan sebuah objek, sedangkan Method ialah agresi yang sanggup dilakukan pada objek tersebut.
Contoh penulisan Objek JavaScript:
<!DOCTYPE html> <html> <body> tesss <script type="text/javascript"> mobil = new Object(); // Property mobil.nama ="Suzuki Escudo"; mobil.model = "JLX"; mobil.berat = "1000 Kg"; mobil.warna = "hijau renta metalik"; // method mobil.starter(); mobil.belok_kiri(); mobil.belok_kanan(); </script> </body> </html>
Ada beberapa cara membuat Objek JavaScript baru:
- Mendefinisikan dan membuat satu objek, memakai Objek Literal.
- Mendefinisikan dan membuat satu objek, dengan "new" kata kunci.
- Mendefinisikan Konstruktor Objek, dan lalu membuat objek dari jenis diobjek tersebut.
1. Objek Literal JavaScript
Objek Literal ialah cara termudah untuk membuat Objek JavaScript. Menggunakan Objek Literal, untuk memilih dan membuat objek dalam satu pernyataan saja.
Sebuah Literal Objek berisi daftar nama: pasangan nilai (seperti usia: 40) di dalam kurung kurawal {}.
var orang= {nama:"Edi", sifat:"Baik", umur:40, warnaKulit:"Putih"};Atau
var orang= {
nama:"Edi",
sifat:"Baik",
umur:40,
warnaKulit:"Putih" };
Penerapan membuat Objek JavaScript Literal gres dengan empat sifat:
<!DOCTYPE html> <html> <body> <script type="text/javascript"> var orang= { nama:"Edi", sifat:"Baik", umur:40, warnaKulit:"Putih"}; document.write(orang.nama + " berumur " + orang.umur + " dan berkulit " + orang.warnaKulit); </script> </body> </html> Hasil di Browser:
 |
| Penulisan Objek JavaScript |
2. Objek "New" JavaScript
Objek "New" JavaScript ialah membuat Objek gres yang di manipulasi dari dalam objeknya.
Contoh membuat Objek JavaScript "new" dengan empat sifat:
<!DOCTYPE html> <html> <body> <script type="text/javascript"> // New Objek var orang = new Object(); orang.nama="Edi"; orang.sifat="Baik"; orang.umur=40; orang.warnaKulit="Putih"; document.write(orang.nama + " berumur " + orang.umur + " dan berkulit " + orang.warnaKulit); </script> </body> </html>
Hasilnya:
 |
| Penulisan Objek "new" |
Catatan: Kedua teladan di atas yaitu Objek Literal dan Objek New, melaksanakan hal yang sama. Tidak perlu memakai Object New (). Direkomendasikan untuk kesederhanaan, gampang dibaca dan kecepatan eksekusi, memakai Objek yang pertama yaitu (objek literal).
3. Konstruktor Objek JavaScript
Dua teladan Objek diatas akan dibatasi dalam banyak situasi tertentu, alasannya ialah Objek tersebut diatas hanya membuat satu Objek saja. Mungkin kita ingin membuat "jenis Objek" yang sanggup dipakai untuk membuat banyak Objek dari satu jenis Objek.
Berikut cara untuk membuat "jenis Objek" dengan memakai fungsi Objek Konstruktor:
<!DOCTYPE html> <html> <body> <script type="text/javascript"> function orang(nama, sifat, umur, kulit) { this.Name = nama; this.Sifatnya = sifat; this.Umurnya = umur; this.warnaKulit = kulit; } var teman1 = new orang("Budi", "Baik", 25, "Putih"); var teman2 = new orang("Agus", "Baik", 30, "Hitam"); document.write("Beberapa sifat sobat saya: " + teman1.Name + " : " + teman1.Sifatnya + " dan " + teman2.Name + " : " + teman2.Sifatnya); </script> </body> </html> Hasilnya:
 | |
| Objek Konstruktor |
Fungis "orang" diatas ialah Objek Konstruktor.
Setelah kita mempunyai Konstruktor Objek, kita sanggup membuat dua atau lebih Objek gres dengan jenis Objek Konstruktor yang sama.
var teman1 = new orang("Budi", "Baik", 25, "Putih");
var teman2 = new orang("Agus", "Baik", 30, "Hitam");
Berikut ini ialah Objek Standard Javascript:
- Objek String: menyediakan banyak jenis metode yang memungkinkan kita untuk memanipulasi variabel jenis String.
- Number: memungkinkan kita untuk membuat operasi terhadap bilangan.
- Array: memungkinkan kita untuk membuat tabel. Dia mempunyai banyak sekali metode untuk menambahkan, menghapus, atau juga mengambil elemen-elemen dari suatu tabel dan juga mengurutkan elemen-elemen tersebut.
- Boolean: memungkinkan kita untuk membuat nilai boolean. Dalam artian elemen yang mempunyai dua kondisi yaitu Benar atau Salah.
- Date: memungkinkan kita untuk membuat dan memanipulasi Tanggal dan juga Durasi Waktu.
- Math: memungkinkan kita untuk memanipulasi fungsi-fungsi Matematika, menyerupai contohnya fungsi Trigonometri.
- Function: memungkinkan kita untuk membuat fungsi yang sesuai dengan kebutuhan.
- RegExp: memungkinkan kita untuk membuat satu ekspresi umum (Regular Expression). Ekspresi ini mempunyai kegunaan untuk melaksanakan operasi-operasi yang lebih canggih terhadap variabel jenis String.
Sampai disini Belajar JavaScript (Part2): Variabel JavaScript, Tipe Data Variabel dan Objek JavaScript, Semoga bermanfaat.
Ada pertanyaan ihwal Belajar JAVASCRIPT ?
- Salam -