Saat mulai belajar JavaScript, salah satu konsep pertama yang harus dipahami adalah variabel. Variabel menjadi dasar dalam pemrograman karena digunakan untuk menyimpan berbagai jenis data yang nantinya dapat diproses oleh program.

Bayangkan variabel seperti sebuah kotak penyimpanan yang diberi nama. Di dalam kotak tersebut, Anda dapat menyimpan angka, teks, atau informasi lainnya. Ketika data tersebut dibutuhkan, Anda cukup memanggil nama variabelnya tanpa harus menuliskan ulang nilainya.

Pada artikel ini, Anda akan mempelajari pengertian variabel di JavaScript, jenis-jenis variabel, aturan penulisannya, hingga contoh penggunaannya dalam program sederhana.

Apa Itu Variabel di JavaScript?

Variabel di JavaScript adalah tempat untuk menyimpan data yang dapat digunakan kembali selama program berjalan.

Data yang disimpan dalam variabel bisa berupa:

• Teks (String)
• Angka (Number)
• Nilai benar atau salah (Boolean)
• Object
• Array
• Dan tipe data lainnya.

Contoh sederhana:

let nama = "PowerCode";

console.log(nama);

Output:

PowerCode

Pada contoh tersebut, variabel nama menyimpan teks "PowerCode" yang kemudian ditampilkan menggunakan console.log().

Mengapa Variabel Penting?

Variabel memiliki peran yang sangat penting dalam pemrograman karena:

• Menyimpan data agar dapat digunakan kembali.
• Membuat kode lebih rapi dan mudah dipahami.
• Mempermudah proses perhitungan.
• Mengurangi penulisan kode yang berulang.
• Memudahkan pengelolaan data dalam program.

Tanpa variabel, Anda harus menuliskan data yang sama berkali-kali sehingga kode menjadi lebih panjang dan sulit dikelola.

Cara Membuat Variabel di JavaScript

JavaScript menyediakan tiga cara untuk membuat variabel, yaitu menggunakan var, let, dan const.

1. Menggunakan let

let adalah cara yang paling sering digunakan untuk membuat variabel yang nilainya dapat berubah.

Contoh:

let nama = "Andi";

nama = "Budi";

console.log(nama);

Output:

Budi

Karena nilainya dapat diubah, let sangat cocok digunakan untuk data yang berubah selama program berjalan.

2. Menggunakan const

const digunakan untuk membuat variabel yang nilainya tidak dapat diganti setelah dibuat.

Contoh:

const negara = "Indonesia";

console.log(negara);

Jika Anda mencoba mengubah nilainya:

negara = "Malaysia";

JavaScript akan menghasilkan error karena variabel yang dibuat dengan const bersifat konstan.

Gunakan const untuk data yang memang tidak berubah, seperti nama website, nilai PI, atau konfigurasi aplikasi.

3. Menggunakan var

Sebelum hadirnya let dan const, JavaScript menggunakan keyword var.

Contoh:

var umur = 20;

console.log(umur);

Meskipun masih dapat digunakan, var sudah jarang dipakai dalam proyek JavaScript modern karena memiliki aturan cakupan (scope) yang berbeda dan berpotensi menimbulkan bug.

Perbedaan var, let, dan const

Keyword	Nilai Bisa Diubah	Scope	Direkomendasikan
var	Ya	Function Scope	Tidak
let	Ya	Block Scope	Ya
const	Tidak	Block Scope	Sangat Ya

Secara umum:

• Gunakan const jika nilainya tetap.
• Gunakan let jika nilainya akan berubah.
• Hindari penggunaan var pada proyek baru.

Aturan Penamaan Variabel

Agar kode dapat berjalan dengan baik, nama variabel harus mengikuti aturan berikut.

Boleh menggunakan:

• Huruf
• Angka (tidak di awal)
• Garis bawah (_)
• Tanda dolar ($)

Contoh:

let namaLengkap;
let umur21;
let _alamat;
let $harga;

Tidak boleh menggunakan:

let 123nama;
let nama lengkap;
let let;

Selain itu, hindari menggunakan keyword JavaScript seperti if, for, while, atau return sebagai nama variabel.

Contoh Penggunaan Variabel

Misalnya Anda membuat data siswa.

let nama = "Meyva";
let umur = 17;
let jurusan = "RPL";

console.log(nama);
console.log(umur);
console.log(jurusan);

Output:

Meyva
17
RPL

Program tersebut lebih rapi dibandingkan jika langsung menuliskan nilainya berulang kali.

Mengubah Nilai Variabel

Variabel yang dibuat menggunakan let dapat diubah.

let nilai = 80;

nilai = 95;

console.log(nilai);

Output:

95

Hal ini sangat berguna ketika data berubah selama program dijalankan.

Variabel dengan Berbagai Tipe Data

Variabel JavaScript dapat menyimpan berbagai jenis data.

let nama = "PowerCode";
let umur = 20;
let aktif = true;
let tinggi = 170.5;

JavaScript akan mengenali tipe data tersebut secara otomatis tanpa perlu mendeklarasikannya secara manual.

Kesalahan yang Sering Dilakukan Pemula

Menggunakan Variabel yang Belum Dibuat

console.log(nama);

Jika variabel nama belum dideklarasikan, JavaScript akan menghasilkan error.

Salah Penulisan Huruf

let nama = "Andi";

console.log(Nama);

JavaScript bersifat case sensitive, sehingga nama dan Nama dianggap sebagai dua variabel yang berbeda.

Mengubah Nilai const

const website = "PowerCode";

website = "BelajarIT";

Kode tersebut akan menghasilkan error karena nilai const tidak dapat diganti.

Tips Menggunakan Variabel

Agar kode lebih mudah dipahami, terapkan beberapa tips berikut:

• Gunakan nama variabel yang jelas dan deskriptif.
• Gunakan const sebagai pilihan utama jika data tidak berubah.
• Gunakan let jika data akan diperbarui.
• Hindari penggunaan var pada proyek modern.
• Gunakan gaya penamaan camelCase, misalnya namaLengkap, totalHarga, atau tanggalLahir.

Dengan kebiasaan tersebut, kode akan menjadi lebih rapi dan mudah dipelihara.

Kesimpulan

Variabel merupakan salah satu konsep dasar yang wajib dipahami saat belajar JavaScript. Variabel berfungsi sebagai tempat untuk menyimpan data sehingga dapat digunakan kembali selama program berjalan.

JavaScript menyediakan tiga cara membuat variabel, yaitu var, let, dan const. Saat ini, penggunaan let dan const lebih disarankan karena lebih aman dan sesuai dengan standar JavaScript modern.

Dengan memahami cara membuat, memberi nama, dan menggunakan variabel dengan benar, Anda akan lebih mudah mempelajari materi JavaScript berikutnya seperti operator, percabangan, perulangan, function, object, hingga manipulasi DOM.