Variabel JavaScript


Ada 3 cara untuk mendeklarasikan variabel JavaScript:

  • Menggunakan var
  • Menggunakan let
  • Menggunakan const

Dalam Postingan kali ini, akan menggunakan var.

Keyword let dan const akan dijelaskan dalam postingan berikutnya.


Variabel

Variabel adalah wadah untuk menyimpan data (nilai).

Dalam contoh ini, x, y, dan z, adalah variabel, dideklarasikan dengan keyword var: 

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

Dari contoh di atas menjelaskan bahwa:

  • x menyimpan nilai 5
  • y menyimpan nilai 6
  • z menyimpan nilai 11

Mirip Aljabar

Dalam contoh dibawah ini, harga1, harga2, dan total, adalah variabel:

var harga1 = 400;
var harga2 = 500;
var total = harga1 + harga2;

Dalam pemrograman, seperti dalam aljabar, kita menggunakan variabel (seperti harga1) untuk menyimpan nilai, dan kita menggunakan variabel dalam ekspresi (total = harga1 + harga2).

Dari contoh di atas, kita dapat menghitung total nilai menjadi 900.


Identifier JavaScript

Semua variabel JavaScript harus diidentifikasi dengan nama yang unik.

Nama-nama unik ini disebut identifier.

Identifier dapat berupa nama pendek (seperti x dan y) atau nama yang lebih deskriptif (usia, jumlah, volume total).

Aturan umum untuk membuat nama untuk variabel (pengidentifikasi unik) adalah:

  • Nama dapat berisi huruf, angka, garis bawah, dan tanda dolar.
  • Nama harus diawali dengan huruf
  • Nama juga dapat dimulai dengan $ dan _ (tetapi kita tidak akan menggunakannya dalam tutorial ini)
  • Nama sensitif huruf besar/kecil (y dan Y adalah variabel yang berbeda)
  • Reserved words (seperti keyword JavaScript) tidak dapat digunakan sebagai nama

Operator Penugasan

Dalam JavaScript, tanda sama dengan (=) adalah operator "tugas", bukan operator "sama dengan".

Ini berbeda dengan aljabar. Berikut ini contoh dalam JavaScript namun tidak masuk akal dalam aljabar:

x = x + 5

Namun, dalam JavaScript, contoh diatas memberikan nilai x + 5 ke x.

(Ini menghitung nilai x + 5 dan memasukkan hasilnya ke dalam x. Nilai x bertambah 5.)

Catatan: Operator "sama dengan" ditulis seperti ini == di JavaScript.


Tipe Data JavaScript

Variabel JavaScript dapat menampung angka seperti 100 dan nilai teks seperti "Ian Zune".

Dalam pemrograman, nilai teks disebut string teks.

JavaScript dapat menangani banyak jenis data, tetapi untuk saat ini, ingat saja angka dan string.

String ditulis di dalam tanda kutip ganda atau tunggal sedangkan angka ditulis tanpa tanda kutip.

Jika kita  memasukkan angka dalam tanda kutip, maka akan diperlakukan sebagai string teks.


Contoh

var pi = 3.14;
var orang = "Ian Zune";
var jawaban = 'Ya, itu saya!';

Mendeklarasikan (Membuat) Variabel JavaScript

Membuat variabel dalam JavaScript disebut "mendeklarasikan" variabel.

Kita mendeklarasikan variabel JavaScript dengan keyword var:

var merkMobil;

Setelah deklarasi, variabel tidak memiliki nilai (secara teknis memiliki nilai undefined).

Untuk menetapkan nilai ke variabel, gunakan tanda sama dengan:

merkMobil = "Volvo";

Kita juga dapat menetapkan nilai ke variabel saat mendeklarasikannya:

var merkMobil = "Volvo";

Pada contoh di bawah ini, kita akan membuat variabel yang disebut merkMobil dan menetapkan nilai "Volvo" padanya.

Kemudian kita "keluarkan" nilai di dalam paragraf HTML dengan id="demo":


Contoh

<!DOCTYPE html>
<html>
<body>

<h2>Variabel JavaScript</h2>

<p>Buat variabel, tetapkan nilai, dan tampilkan:</p>

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

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

</body>
</html>

Hasil

Variabel JavaScript

Buat variabel, tetapkan nilai, dan tampilkan:


Catatan: Contoh diatas adalah praktik pemrograman yang baik untuk mendeklarasikan semua variabel di awal skrip.


Satu Statement, Banyak Variabel

Kita dapat mendeklarasikan banyak variabel dalam satu statement.

Mulai statement dengan var dan pisahkan variabel dengan koma:

var orang = "Ian Zune", merkMobil = "Volvo", price = 3000;

Deklarasi dapat menjangkau beberapa baris:

var orang = "Ian Zune",
merkMobil = "Volvo",
price = 3000;

Nilai = tidak terdefinisi

Dalam program komputer, variabel sering dideklarasikan tanpa nilai. Nilai dapat berupa sesuatu yang harus dihitung, atau sesuatu yang akan diberikan kemudian, seperti input pengguna.

Variabel yang dideklarasikan tanpa nilai akan memiliki nilai undefined.

Variabel merkMobil akan memiliki nilai undefined setelah eksekusi statement dibawah ini: 

var merkMobil;

Mendeklarasikan Ulang Variabel JavaScript

Jika kita mendeklarasikan ulang variabel JavaScript, maka tidak akan kehilangan nilainya.

Variabel merkMobil akan tetap memiliki nilai "Volvo" setelah eksekusi statement berikut: 

var merkMobil = "Volvo";
var MerkMObil;

Aritmatika JavaScript

Seperti halnya aljabar, kita dapat melakukan aritmatika dengan variabel JavaScript, menggunakan operator seperti tanda = dan +: 

var x = 5 + 2 + 3;

Kita juga dapat menambahkan string, tetapi string akan digabungkan:

var x = "Ian" + " " + "Zune";

Dan coba juga kode dibawah ini:

var x = "5" + 2 + 3;

Catatan: Jika kita memasukkan angka dalam tanda kutip, sisa angka akan diperlakukan sebagai string, dan akan digabungkan.


Kemudian, coba kode dibawah ini:

var x = 2 + 3 + "5";

Tanda Dolar ($) di JavaScript

Ingat bahwa identifier JavaScript (nama) harus dimulai dengan:

  • Sebuah huruf (AZ atau az)
  • Tanda dolar ($)
  • Atau garis bawah (_)

Karena JavaScript memperlakukan tanda dolar sebagai huruf, identifier yang mengandung $ adalah nama variabel yang valid.


Contoh

var $$$ = "Hello World";
var $ = 2;
var $myMoney = 5;

Menggunakan tanda dolar tidak terlalu umum di JavaScript, tetapi programmer profesional sering menggunakannya sebagai alias untuk fungsi utama di library JavaScript.

Di library JavaScript jQuery misalnya, fungsi utama tanda $ digunakan untuk memilih elemen HTML. Di jQuery, kode $("p"); berarti "pilih semua elemen p".


Garis Bawah (_) di JavaScript

Karena JavaScript memperlakukan garis bawah sebagai huruf, identifier yang mengandung tanda _ adalah nama variabel yang valid: 

var _namaBelakang = "Zune";
var _x = 2;
var _100 = 5;

Menggunakan garis bawah tidak terlalu umum dalam JavaScript, tetapi konvensi di antara programmer profesional adalah menggunakannya sebagai alias untuk variabel "pribadi (tersembunyi)".


Sumber referensi: w3schools

Komentar

Posting Komentar