Variabel JavaScript

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

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

Jalankan Contoh

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;

Jalankan Contoh

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!';

Jalankan Contoh

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>

Jalankan Contoh

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

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

Jalankan Contoh

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

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

Jalankan Contoh

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

var carName;

Jalankan Contoh

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;

Jalankan Contoh

Operasi Aritmatika

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

var x = 5 + 2 + 3;

Jalankan Contoh

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

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

Jalankan Contoh

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

var x = "5" + 2 + 3;

Jalankan Contoh

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";

Jalankan Contoh

Tutorial sebelumnya : Komentar Pada JavaScript
Tutorial setelahnya : Operator Pada JavaScript
Semua Tutorial JavaScript : Tutorial JavaScript