Skip to content Skip to sidebar Skip to footer
Home / Programer

Belajar Javascript Part 8 Variabel di javascript


imaginationman.eu.org

Di pembahasan kita kali ini, tiba saatnya saya akan membahas variabel di javascript.

Sama seperti di tiap-tiap bahasa pemrograman lainnya, mengenai variabel pastinya sudah pasti ada, seperti sebelumnya saya sudah membahas tentang variabel di bahasa pemrograman PHP.

Variabel pada javascript

Di javascript sama seperti bahasa pemrograman lainnya variabel digunakan untuk menyimpan nilai.

Maksudnya menyimpan nilai yang bagaimana? Artinya ialah variabel digunakan untuk menyimpan data didalamnya.

Data yang kita simpan tersebut dapat berupa teks, number/angka dan lain sebagainya.

Dalam membuat variabel di javascript sangat mudah. Berikut contohnya!


var firstName = "Jhon";
var lastName  = "Doe";
var age       = 20;

//menampilkan nilai
document.write(firstName + " " + lastName + "<br>");
document.write(age);

Mari kita bahas setiap kode yang kita buat diatas:

  • Pertama, teks Jhon disimpan kedalam variabel firstName.
  • Kedua, teks Doe disimpan kedalam variabel lastName.
  • Ketiga, angka 20 disimpan kedalam variabel age.
  • Terakhir, kita dapat mengoutputkan nilai variabel yang disimpan dengan kode document.write(); sehingga akan tampil nantinya pada halaman web browser.

Tips! Dalam membuat variabel kita harus memberikan nama yang bermakna untuk variabel kita sebanyak mungkin, sehingga nantinya membantu menjaga keterbacaan kode kita.

Mendeklarasikan Variabel Javascript

pertama kita harus tahu dulu apa yang dimaksud dengan mendeklarasikan variabel, mendeklarasikan merupakan kata kerja dari kata deklarasi yang artinya dalam kamus besar bahasa indonesia ialah

deklarasi adalah pernyataan ringkas dan jelas (tentang suatu hal) sementara mendeklarasikan ialah membuat deklarasi itu sendiri

Jadi dapat kita simpulkan kalau mendeklarasikan variabel adalah kita membuat deklarasi variabel tersebut atau dengan kata lain membuat pernyataan tentang variabel yang akan kita buat.

Dalam javascript pernyataan variabel yang dimaksud dalam deklarasi variabel ialah adanya kata kunci var yang digunakan untuk mendeklarasikan atau membuat variabel di javascript.

Lalu bagaimana cara membuatnya. Coba lihat contoh kode dibawah ini


var x = 20;

//menampilkan nilai variabel x
document.write(x);

dalam contoh kode tersebut kita mendeklarasikan variabel x dengan nilainya 20 yang kemudian kita tampilkan nilainya itu dengan kode document.write(x);.

Selain contoh deklarasi variabel diatas, cara lainnya adalah Kita juga dapat mendeklarasikan atau membuat variabel terlebih dahulu, kemudian memberikan nilai (menginisialisasi) nantinya.

Seperti contoh kode berikut!


var x;//deklarasi atau membuat variabel dulu
x = 20;//kemudian memberikan nilai ke variabel x
document.write(x);//tampilkan nilai di variabel x

Catatan! Jika kita tidak menetapkan nilai ke variabel, itu artinya variabel tersebut tidak memiliki nilai, dengan kata lain undefined yaitu nilainya tidak ditetapkan.

Mendeklarasikan Banyak Variabel dalam Satu Statement/pernyataan

Diatas saya sudah menjelaskan bagaimana caranya mendeklarasikan variabel, akan tetapi deklarasi variabel yang kita lakukan tersebut kita banyak menggunakan baris untuk tiap satu variabel.

Bagaimana jika dari banyak variabel tersebut kita buat hanya dengan satu baris saja atau satu statement tanpa perlu banyak menuliskan deklarasi variabel lainya.

Cara yang dilakukan ialah dengan membuat satu kata kunci var saja tapi didalamnya variabel yang kita buat tiap satu variabelnya dipisahkan dengan tanda koma (,).

Betikut contohnya!


var firstName = "Jhon", lastName = "Doe", age = 20;

//menampilkan nilai variabel
document.write(firstName + " " + lastName + "<br>");
document.write(age);

Jika Anda memiliki nama variabel multi-kata(banyak kata), disarankan untuk menggunakan cara camelCase. Sama seperti yang kita lakukan dengan FirstName dan LastName


Tanda sama dengan di Variabel Javascript

Seperti yang mungkin kamu perhatikan, kita menggunakan tanda sama dengan untuk menetapkan nilai atau data ke variabel.

Tanda sama dengan ( = ) disebut dengan assignment operator atau dalam bahasa indonesia operator penugasan.

Data yang disimpan Variabel Javascript

Data yang disimpan bisa berupa teks, angka, dll. Inilah yang biasa kita sebut dengan tipe data.

Nantinya kita akan belajar tentang tipe data dalam pelajaran berikutnya.

Penamaan Variabel di Javascript

Dalam kita mendeklarasikan sebuah variabel dalam hal ini memberikan nama variabel tersebut. 

Untuk pemberian nama variabel di javascript haruslah dibuat dengan nama identitas yang unik.

Kenapa harus unik? Jelas saja saat kita asal dalam penamaan variabelnya maka akan mempersulit kita kalau variabel tersebut digunakan untuk apa nantinya.

Penamaan variabel yang unik tersebut di didunia permograman sering kali disebut identifier.

Nama yang unik bisa saja kita buat pendek hanya dengan 1 huruf seperti a, b, c, x, y, atau z asal paham penggunaannya.

Selain itu ada hal penting dalam memberikan nama variabel di javascript yaitu harus nama yang deskriptif.

Deskriptif bagaimana? Maksud saya ialah nama variabel tersebut contohnya digunakan untuk menyimpan nilai awalan nama atau akhiran nama misalnya seperti firstName dan lastName.

Artinya deskriptif menjelaskan kegunaan dari variabel tersebut.

Aturan untuk Penamaan Variabel

Ada beberapa aturan yang dapat kita ingat ketika sedang memberi nama variabel, diantaranya:

  • Nama harus dimulai dengan huruf, garis bawah, atau tanda dolar.
  • Nama tidak boleh dimulai dengan angka.
  • Sebuah nama peka terhadap huruf besar-kecil istilahnya case-sensitif.
  • Nama hanya boleh berisi huruf, angka, garis bawah, dan tanda dolar.
  • Kata kunci yang ada diJavaScript (seperti var, function, if, else , dll.) tidak dapat digunakan sebagai nama variabel.

Sekian penjelasan saya kali ini tentang variabel di javascript, untuk kekurangan dari pembahasan saya di artikel ini saya mohon maaf dan jangan lupa semangat belajar