Variabel JavaScript

Variable digunakan untuk menyimpan suatu nilai. Variable dideklarasikan dengan menggunakan keyword var.

Tutorial sebelumnya : Komentar Pada JavaScript

var x = 5;
var y = 6;
var z = x + y;

Pada contoh di atas, x, y dan z adalah variable. Variable x menyimpan nilai 5. Variable y menyimpan nilai 6. Variable z menyimpan nilai 11.

var price1 = 5;
var price2 = 6;
var total = price1 + price2;

Pada contoh di atas, price1, price2 dan total adalah variable. Kita menggunakan variable pada expression ( total = price1 + price2 ). Nilai variable total menjadi 11.

Referensi Belajar Variable JavaScript

Identifiers

Setiap variable mempunyai nama yang unik. Nama variable ini disebut juga dengan istilah identifiers. Penamaan variable bisa secara singkat (x, y, z, ..) atau dengan menggunakan nama yang panjang ( harga, hargaModal, total, ….)

Aturan penamaan suatu variable :

• Dapat berupa huruf, angka, underscore ( _ ) atau tanda dollar ( $ )
• Harus diawali dengan huruf
• Nama variable adalah case sensitif. Variable y dan Y adalah nama yang berbeda
• JavaScript keyword tidak bisa digunakan sebagai nama variable

Assignment Operator

Operator assignment ( = ) digunakan untuk memberikan nilai pada variable.

x = x + 5

Pada contoh di atas variable x diberikan nilai sebesar nilai variable x yang sebelumnya ditambahkan nilai 5. Apabila nilai x sebelumnya adalah 6, maka nilai x yang baru adalah 11.

Tipe Data JavaScript

Variable pada JavaScript dapat bernilai suatu angka (seperti 100) ataupun suatu text (seperti John). Dalam bahasa pemrograman, variable text sering disebut juga sebagai variable String. String ditulis didalam single quote atau double quote. Angka ditulis tanpa quote. Apabila suatu angka ditulis dalam quote maka akan diperlakukan seperti text.

var pi = 3.14;
var person = "John Doe";
var answer = 'Yes I am!';

Deklarasi Variable

Deklarasi variable adalah proses membuat variable pada JavaScript. Keyword var digunakan untuk deklarasi suatu variable.

var carName;

Suatu variable tidak mempunyai nilai setelah dideklarasikan. Operator assignment ( = ) digunakan untuk memberikan nilai kepada suatu variable.

carName = "Volvo";

Deklarasi variable juga bisa digabung dengan proses pemberian nilai dalam satu perintah (statement) JavaScript.

var carName = "Volvo";

Contoh di bawah ini memberikan gambaran lebih lengkap. Variable carName dideklarasikan dan diberikan nilai Volvo. Variable carName kemudian dicetak pada elemen HTML bertipe paragraf dengan atribut id demo.

<p id="demo"></p>

<script>
var carName = "Volvo";
document.getElementById("demo").innerHTML = carName;
</script>

Beberapa variable bisa dideklarasikan sekaligus dalam satu baris perintah JavaScript. Setiap deklarasi variable dipisahkan dengan koma.

var person = "John Doe", carName = "Volvo", price = 200;

Deklarasi beberapa variable sekaligus juga bisa dibuat dalam baris yang terpisah.

var person = "John Doe",
carName = "Volvo",
price = 200;

Suatu variable akan bernilai undefined apabila dideklarasikan tanpai diberikan nilai. Variable carName pada contoh di bawah bernilai undefined.

var carName;

Nilai variable yang dideklarasikan ulang tidak akan berubah. Contoh di bawah memperlihatkan variable carName dideklarasi ulang. Nilai variable carName tetap Volvo setelah dideklarasi ulang.

var carName = "Volvo";
var carName;

Operasi Aritmatika

Operasi aritmatika ( tambah, bagi, kurang, kali) dapat dilakukan pada suatu variable.

var x = 5 + 2 + 3;

Operasi penambahan juga bisa dilakukan pada variable text (String). Hasilnya adalah penggabungan dari text yang ditambahkan.

var x = "John" + " " + "Doe";

Apabila suatu nilai angka diberikan quote maka akan diperlakukan sebagai text.

var x = "5" + 2 + 3;

Pada contoh di bawah, operasi matematika pada angka ( 2 + 3 ) diproses terlebih dahulu, kemudian hasilnya digabungkan dengan text bernilai “5”.

var x = 2 + 3 + "5";

Tutorial selanjutnya : Operator Pada JavaScript
Daftar Tutorial : Tutorial Belajar JavaScript