Tutorial js

Variabel JavaScript: Menyimpan Data

Variabel adalah kotak penyimpanan untuk data dalam JavaScript. Bayangkan seperti kotak yang bisa Anda beri label dan isi dengan berbagai barang.

Apa itu Variabel?

Variabel memungkinkan kita:

  • Menyimpan data (angka, text, dll)
  • Menggunakan data berulang kali
  • Mengubah data kapan saja
  • Membuat program yang dinamis

Cara Membuat Variabel

1. Dengan let (Modern)

let nama_saya = "Budi";
let umur_saya = 25;
let hobby_saya = "coding";

console.log(nama_saya); // Hasil: Budi
console.log(umur_saya); // Hasil: 25
console.log(hobby_saya); // Hasil: coding

2. Dengan var (Lama)

var kota_saya = "Jakarta";
var tinggi_badan = 170;

console.log(kota_saya); // Hasil: Jakarta
console.log(tinggi_badan); // Hasil: 170

3. Dengan const (Tidak Berubah)

const nama_negara = "Indonesia";
const jumlah_hari_seminggu = 7;

console.log(nama_negara); // Hasil: Indonesia
console.log(jumlah_hari_seminggu); // Hasil: 7

Jenis Data dalam Variabel

1. String (Text)

let pesan_welcome = "Selamat datang!";
let nama_lengkap = "Ahmad Rizki";
let alamat_email = "ahmad@email.com";

2. Number (Angka)

let harga_buku = 50000;
let nilai_ujian = 85.5;
let suhu_hari_ini = 32;

3. Boolean (Benar/Salah)

let sudah_menikah = false;
let punya_sim = true;
let sedang_hujan = false;

Menggunakan Variabel

Menampilkan Variabel

let nama_siswa = "Sarah";
let nilai_matematika = 90;

console.log("Nama: " + nama_siswa);
console.log("Nilai: " + nilai_matematika);
console.log(nama_siswa + " mendapat nilai " + nilai_matematika);

Mengubah Nilai Variabel

let saldo_rekening = 100000;
console.log("Saldo awal: " + saldo_rekening);

saldo_rekening = saldo_rekening + 50000; // Tambah uang
console.log("Setelah nabung: " + saldo_rekening);

saldo_rekening = saldo_rekening - 25000; // Ambil uang
console.log("Setelah ambil: " + saldo_rekening);

Perhitungan dengan Variabel

let panjang_ruangan = 5;
let lebar_ruangan = 4;
let luas_ruangan = panjang_ruangan * lebar_ruangan;

console.log("Panjang: " + panjang_ruangan + " meter");
console.log("Lebar: " + lebar_ruangan + " meter");
console.log("Luas: " + luas_ruangan + " meter persegi");

Aturan Penamaan Variabel

✅ Boleh:

let nama_user = "John";
let age = 25;
let firstName = "Ahmad";
let user_id = 123;
let $price = 50000;
let _status = "active";

❌ Tidak Boleh:

// let 1nama = "error";     // Tidak boleh mulai dengan angka
// let user-id = 123;       // Tidak boleh pakai tanda minus
// let nama user = "error"; // Tidak boleh pakai spasi
// let let = "error";       // Tidak boleh pakai kata reserved

Latihan Praktek

Coba buat variabel untuk:

  1. Data Pribadi
let nama_lengkap = "Siti Aminah";
let tempat_lahir = "Bandung";
let tanggal_lahir = 15;
let bulan_lahir = "Mei";
let tahun_lahir = 1995;

console.log("Nama: " + nama_lengkap);
console.log(
  "Lahir: " +
    tempat_lahir +
    ", " +
    tanggal_lahir +
    " " +
    bulan_lahir +
    " " +
    tahun_lahir
);
  1. Belanja
let harga_beras = 12000;
let harga_minyak = 25000;
let harga_gula = 15000;
let total_belanja = harga_beras + harga_minyak + harga_gula;

console.log("Beras: Rp " + harga_beras);
console.log("Minyak: Rp " + harga_minyak);
console.log("Gula: Rp " + harga_gula);
console.log("Total: Rp " + total_belanja);
  1. Nilai Ujian
let nilai_bahasa = 85;
let nilai_matematika = 92;
let nilai_ipa = 88;
let rata_rata = (nilai_bahasa + nilai_matematika + nilai_ipa) / 3;

console.log("Bahasa Indonesia: " + nilai_bahasa);
console.log("Matematika: " + nilai_matematika);
console.log("IPA: " + nilai_ipa);
console.log("Rata-rata: " + rata_rata);

Tips Penting

💡 Gunakan nama yang jelas:

// ❌ Kurang jelas
let x = 25;
let y = "Ahmad";

// ✅ Lebih jelas
let umur_siswa = 25;
let nama_siswa = "Ahmad";

💡 Gunakan underscore untuk nama panjang:

let nama_lengkap_siswa = "Ahmad Rizki Pratama";
let nilai_ujian_matematika = 95;
let alamat_rumah_sekarang = "Jl. Merdeka No. 123";

Ringkasan

Variabel adalah:

  • Kotak penyimpanan data
  • Bisa berisi text, angka, true/false
  • Bisa diubah nilainya (kecuali const)
  • Harus punya nama yang jelas

3 Cara membuat:

  • let = variabel yang bisa berubah
  • const = variabel yang tidak berubah
  • var = cara lama (jarang dipakai)

Siap belajar Function? Mari lanjut ke tutorial berikutnya! 🎯