JavaScript Variable - Belajar JS Variabel

JAVASCRIPT Fadlullah Fadul December 3, 2018

Variable adalah temporal data yang disimpan dalam sebuah memory komputer. Oleh karenanya, ketika kita menentukkan nama sebuah variable dan menyimpan nilai (data) dalam variabel tersebut, kita pun bisa merubah datanya dengan data lain sesuai keinginan dalam waktu yang berbeda.

Variable
Deklarasi variabel

variable adalah sebuah nama yang digunakan untuk menyimpan data (nilai atau ekspresi). Dalam javascript, nilai (value) dapat diubah sewaktu-waktu.

Contoh, membuat variable namaLengkap dan mengisinya dengan value "Ali Ahmad Kids Zaman Now":

let namaLengkap = "Ali Ahmad Kids Zaman Now" ;

Jika value (data) berupa string (teks) seperti diatas, maka value tersebut harus diapit dengan tanda kutip dan jangan lupa akhiri setiap baris statement dengan titik koma (;).

INFO

Keyword let digunakan untuk menetapkan (assign) variabel atau pada versi javascript sebelumnya kita mungkin lebih familiar dengan keyword var. let adalah keyword baru pada ECMAScript 6.

Pada statement kode diatas, menyatakan dua hal: yaitu, mendeklarasikan (membuat) variable namaLengkap dan memberi nilai (data) awal dengan Ali Ahmad Kids Zaman Now.

Example
Contoh

Contoh
editor 
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Demo Javascript Variable - apacara.com</title>
    <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
  </head>
  <body>
    <script>
      let namaLengkap = "Ali Ahmad Kids Zaman Now";

      alert(namaLengkap);
    </script>
  </body>
</html>

Selanjutnya, kita bisa merubah value pada variabel tersebut dengan data lain seperti contoh berikut:

Contoh
editor 
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Demo 2 Javascript Variable - apacara.com</title>
    <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
  </head>
  <body>
    <script>
      let namaLengkap = "Ali Ahmad Kids Zaman Now";

      alert(namaLengkap); // alert pertama

      namaLengkap = "Midun bin Midin Bin Madun";  // namaLengkap berubah

      alert(namaLengkap); // alert kedua
    </script>
  </body>
</html>

Perhatikan kode diatas, pada baris ke-14 kita merubah value untuk variabel namaLengkap dengan nama lain sehingga data telah berubah. Disini, kita tidak perlu menulis ulang keyword let karena sebelumnya sudah dideklarasikan.

Undefined Variable
Variabel tidak/belum didefinisikan

ketika kita mendeklarasikan varibel, kita juga tidak harus mengisi value (data) awal inisial. Artinya, value boleh kosong seperti ini:

let namaLengkap;

namaLengkap belum memiliki nilai (value), sehingga variabel tersebut berstatus undefined. Terkadang kita belum mendefinisikan nilai untuk sebuah variable dalam kasus tertentu. Kode diatas sama dengan:

let namaLengkap = undefined;

Multiple Variables
Deklarasi banyak variabel

Kita juga dapat mendeklarasikan banyak variable dalam satu keyword (kata kunci). Menggunakan satu keyword let dengan beberapa variabel dipisahkan dengan koma (,) seperti berikut:

let namaLengkap = "Dini Oh dini",
            usia = 25,
            alamat = "Jakarta" ;

Pada contoh diatas, kita mendeklarasikan 3 variable yang berbeda yaitu: namaLengkap, usia dan alamat.

Contoh
editor 
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Demo JS Multiple Variable - apacara.com</title>
    <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
  </head>
  <body>

  <script>
  let namaLengkap = "Dini Oh dini",
            usia = 25,
            alamat = "Jakarta" ;

  alert("Namanya adalah: " + namaLengkap + " Berusia: " + usia + " Tahun");

  </script>
  </body>
</html>

Variable Value
Nilai variabel

Nilai atau value dapat dikatakan data yang disimpan dalam sebuah variable, baik berupa teks, angka, tanggal atau lainnya. Kita dapat mengambil value dari suatu varibel yang tersedia dan menyimpannya ke variable lain yang berbeda. Contoh:

let namaOrangPertama = "Dini Oh dini",
            usiaOrangPertama = 25;
let namaOrangKedua = "Siti Aisyah",
                usiaOrangKedua = usiaOrangPertama;

Pada contoh diatas usiaOrangKedua mengambil data dari usiaOrangPertama karena mungkin kita menemukan kasus bahwa dua orang tersebut usianya sama.

Contoh
editor 
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Demo JS Variable value - apacara.com</title>
    <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
  </head>
  <body>

  <script>
    let namaOrangPertama = "Dini Oh dini",
                usiaOrangPertama = 25;
    let namaOrangKedua = "Siti Aisyah",
                    usiaOrangKedua = usiaOrangPertama;

    alert("usiaOrangKedua adalah: " + usiaOrangKedua);

  </script>
  </body>
</html>

Variable Names
Nama Variabel

Ketika menamai (memberi nama) sebuah variable ada beberapa aturan yang harus terpenuhi, seperti nama variable tidak boleh diawali dengan angka juga kita tidak boleh menggunakan kata-kata yang sudah digunakan internal javascript sendiri, dikenal dengan istilah reserved words, seperti with dan var tidak boleh digunakan sebagai nama variable.

Lebih jelasnya, berikut aturan yang harus dipatuhi untuk memberi nama sebuah variabel:

  • Karakter yang digunakan adalah huruf, angka (digit), simbol $ dan _
  • Karakter pertama tidak boleh angka. Contoh SALAH: 4nama. Yang BENAR: n4ama atau nama4 (Asalkan angka tidak berada di awal kata)
  • Reserved names atau nama yang digunakan bahasa javascript sendiri, seperti let, function, class dan lainnya tidak boleh digunakan sebagai nama variable.
SHARE