Variable JavaScript

Variable berfungsi untuk menyimpan sebuah informasi sehingga bisa digunakan untuk proses berikutnya. Informasi tersebut dinamakan value.

Syntax

variable = value;

Membuat variable

Untuk membuat sebuah variable kamu harus menambahkan var statement sebelum nama variable:

var namaVariable;

Membuat sebuah variable dengan menambahkan var statement di depan nama variable seperti contoh di atas dinamakan sebagai [declare] variable.

Code var statement hanya diperlukan saat membuat variable. Pada penggunaan variable berikutnya kita tidak perlu menambahkan var statement.

Setelah dibuat, variable tersebut masih kosong. Untuk mengisi variable tersebut dengan sebuah value, gunakan symbol sama dengan = diikuti dengan value yang ingin dimasukkan:

namaMakanan = "Gado-gado";

Mengisi sebuah variable pertama kali disebut dengan [initialize].

Mengisi sebuah variable bisa juga dilakukan saat membuat variable tersebut:

var namaMakanan = "Gado-gado";

Pada contoh berikut ini kita membuat sebuah variable bernama [namaMakanan] lalu mengisinya dengan string [Gado-gado].

Contoh 1:

<script>
var namaMakanan = "Gado-gado";
document.write(namaMakanan);
</script>

Hasil contoh 1:

Gado-gado

Pada contoh di atas kita menggunakan code document.write() untuk menampilkan isi dari variable.

JavaScript menyebut code document.write() dengan sebutan function. Mengenai function akan diterangkan pada tutorial mendatang.

Berikut ini adalah contoh penggunaan property innerHTML untuk menampilkan isi dari variable:

Contoh 2:

<html>
<head>
</head>
<body>
<p id="coba"></p>
    <script>
    var namaMakanan = "Gado-gado";
    document.getElementById("coba").innerHTML = namaMakanan;
    </script>
</body>
</html>

Hasil contoh 2:

5

Code document.getElementById("coba") mengakses dan mengubah elemen HTML yang memiliki id "coba" menjadi nilai dari property innerHTML.

Nilai dari property innerHTML di atas adalah variable namaMakanan sehingga elemen HTML yang memiliki id "coba" diubah menjadi variable namaNakanan.

Jenis data

Ada berbagai macam jenis data yang bisa digunakan sebagai value, diantaranya yaitu angka (1, 2, 50) dan string.

Dalam pemrograman yang dimaksud dengan string adalah text.

String ditulis di dalam double quote ["string"] atau single quote ['string']. Sedangkan angka tidak ditulis menggunakan quote.

Jika kamu menulis angka di dalam quote seperti ini ["3"] maka angka tersebut akan dianggap sebagai string.

Contoh 3:

<script>
var angka = 23;
var makanan = "Gado-gado";
var garisBaru = "<br />";

document.write(makanan);
document.write(garisBaru);
document.write(angka);
</script>

Hasil contoh 3:

Gado-gado
23

Pada code di atas kita menggunakan code linebreak HTML <br /> yang artinya adalah garis baru.

Membuat banyak variable sekaligus

Membuat banyak variable sekaligus dengan hanya memberi satu var statement bisa dilakukan dengan cara berikut:

var nama = "Cinta", makanan = "Gado-gado", umur = 23;

Dengan cara di atas kita bisa membuat banyak variable sekaligus hanya dalam satu baris.

Cara di atas bisa juga dituliskan dalam beberapa baris seperti berikut ini:

var nama = "Cinta",
makanan = "Gado-gado",
umur = 23;

Catatan: pisahkan antara variable dengan koma [,].

Dynamic value

Dynamic value adalah kemampuan sebuah variable untuk mengganti value yang dimilikinya dengan value lainnya.

Contoh 4:

<script>
var salam = "Selamat Pagi!";
salam = "Selamat Sore!";
document.write(salam);
</script>

Hasil contoh 4:

Selamat Sore!

Pada code di atas kita membuat sebuah variable bernama [salam] dan mengisinya dengan string [Selamat Pagi!]. Kemudian kita mengisi kembali variable tersebut dengan value lain. Dengan cara ini artinya value yang lama dihapus dan diganti dengan value yang baru.

Penamaan variable

Berikut ini adalah beberapa aturan dalam penamaan variable:

  • Boleh menggunakan huruf dan angka (a-zA-Z0-9), namun jangan menggunakan angka pada bagian awal.
  • Huruf besar dan kecil dianggap berbeda (a dan A berbeda).
  • Tidak boleh dimulai dan diakhiri dengan garis bawah _.
  • Nama variable boleh satu huruf (a atau b) atau terdiri dari beberapa kata (variableSaya).
  • Jangan menggunakan symbol $ dan symbol minus -.
  • Nama variable tidak boleh sama dengan yang ada pada daftar ini.

Ada tiga jenis style penamaan variable bila nama yang digunakan lebih dari satu kata, yaitu:

  • lower_case (menggabungkan dua kata yang disusun dari huruf kecil semua dengan garis bawah).
  • PascalCase (huruf pertama dari kata pertama dan kedua adalah huruf besar).
  • camelCase (huruf pertama dari kata pertama adalah huruf kecil dan huruf pertama dari kata kedua adalah huruf besar)

Pada umumnya programmer JavaScript menggunakan style [camelCase] untuk menamakan variable dan function, sedangkan [PascalCase] biasanya digunakan oleh programmer C.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>