Variabel dan Tipe Data | BelajarCoding

Tujuan Belajar

Setelah pelajaran ini, kamu akan bisa:

Membuat variabel dengan let dan const
Memahami tipe data dasar: string, number, boolean, null, undefined
Menggunakan typeof untuk mengecek tipe data

Materi Singkat

Variabel adalah kotak bernama untuk menyimpan data. Bayangkan variabel seperti lemari berlaci:

Setiap laci punya nama (nama variabel)
Di dalam laci ada isi (nilai variabel)
Kamu bisa buka dan ambil isi laci kapanpun (baca nilai)
Kamu bisa ganti isi laci (ubah nilai)

Membuat Variabel

Di JavaScript modern, ada dua cara:

let — variabel yang nilainya bisa diubah:

let nama = "Budi";
let umur = 21;
 
// Ubah nilai
nama = "Budi Santoso";  // boleh
umur = 22;              // boleh

const — konstanta, nilainya tidak bisa diubah:

const pi = 3.14159;
const namaAplikasi = "BelajarCoding";
 
pi = 3;  // ERROR! Tidak bisa mengubah const

Kapan pakai yang mana?

Pakai const secara default
Pakai let hanya jika kamu tahu nilainya akan berubah

Hindari var (cara lama) — punya perilaku yang membingungkan.

Tipe Data

1. String (teks)

let salam = "Halo!";
let nama = 'Budi';         // bisa pakai kutip tunggal
let kalimat = `Nama saya ${nama}`;  // template literal (backtick)

Template literal dengan backtick () memungkinkan kamu menyisipkan variabel dengan sintaks ${...}` (dollar-sign + kurung kurawal).

2. Number (angka)

let usia = 21;          // bilangan bulat
let tinggi = 170.5;     // desimal
let suhu = -5;          // negatif

3. Boolean (benar/salah)

let sudahSelesai = true;
let sedangBelajar = false;

4. Null (sengaja kosong)

let dataPengguna = null;  // "tidak ada nilai" secara sengaja

5. Undefined (belum ada nilai)

let x;
console.log(x);  // undefined — variabel ada tapi belum diisi

Mengecek Tipe Data

console.log(typeof "Halo");    // "string"
console.log(typeof 42);        // "number"
console.log(typeof true);      // "boolean"
console.log(typeof null);      // "object" (ini bug klasik JS!)
console.log(typeof undefined); // "undefined"

Aturan Penamaan Variabel

// Boleh
let namaLengkap = "Budi";   // camelCase (direkomendasikan)
let umur21 = 21;             // boleh ada angka (bukan di awal)
let _data = "test";          // boleh diawali underscore
 
// Tidak boleh
let 2data = "error";         // tidak boleh diawali angka
let nama-lengkap = "error";  // tidak boleh ada tanda minus
let let = "error";           // tidak boleh pakai keyword

Contoh Kode

// Data diri
const nama = "Budi Santoso";
const umur = 21;
const kotaAsal = "Surabaya";
let statusBelajar = "aktif";
 
// Template literal untuk teks yang dinamis
const perkenalan = `Halo! Nama saya ${nama}, umur ${umur} tahun, dari ${kotaAsal}.`;
console.log(perkenalan);
 
// Hitung sesuatu
const tahunLahir = 2026 - umur;
console.log(`Tahun lahir: ${tahunLahir}`);
 
// Ubah nilai variabel (hanya let yang bisa)
statusBelajar = "sangat aktif";
console.log(`Status belajar: ${statusBelajar}`);
 
// Cek tipe data
console.log(typeof nama);         // "string"
console.log(typeof umur);         // "number"
console.log(typeof statusBelajar); // "string"

Tugas Kecil

Buat file variabel.html dengan script di dalamnya
Buat variabel untuk menyimpan data dirimu:
- const nama — namamu (string)
- const umur — usiamu (number)
- const hobi — hobi favoritmu (string)
- let moodHariIni — mood-mu sekarang (string)
Buat variabel perkenalan menggunakan template literal yang menggabungkan semua data
Cetak perkenalan ke console
Ubah moodHariIni ke nilai baru, lalu cetak lagi
Gunakan typeof untuk mengecek dan mencetak tipe data dari setiap variabel

Tujuan Belajar

Setelah pelajaran ini, kamu akan bisa:

Membuat variabel dengan let dan const
Memahami tipe data dasar: string, number, boolean, null, undefined
Menggunakan typeof untuk mengecek tipe data

Materi Singkat

Variabel adalah kotak bernama untuk menyimpan data. Bayangkan variabel seperti lemari berlaci:

Setiap laci punya nama (nama variabel)
Di dalam laci ada isi (nilai variabel)
Kamu bisa buka dan ambil isi laci kapanpun (baca nilai)
Kamu bisa ganti isi laci (ubah nilai)

Membuat Variabel

Di JavaScript modern, ada dua cara:

let — variabel yang nilainya bisa diubah:

let nama = "Budi";
let umur = 21;
 
// Ubah nilai
nama = "Budi Santoso";  // boleh
umur = 22;              // boleh

const — konstanta, nilainya tidak bisa diubah:

const pi = 3.14159;
const namaAplikasi = "BelajarCoding";
 
pi = 3;  // ERROR! Tidak bisa mengubah const

Kapan pakai yang mana?

Pakai const secara default
Pakai let hanya jika kamu tahu nilainya akan berubah

Hindari var (cara lama) — punya perilaku yang membingungkan.

Tipe Data

1. String (teks)

let salam = "Halo!";
let nama = 'Budi';         // bisa pakai kutip tunggal
let kalimat = `Nama saya ${nama}`;  // template literal (backtick)

Template literal dengan backtick () memungkinkan kamu menyisipkan variabel dengan sintaks ${...}` (dollar-sign + kurung kurawal).

2. Number (angka)

let usia = 21;          // bilangan bulat
let tinggi = 170.5;     // desimal
let suhu = -5;          // negatif

3. Boolean (benar/salah)

let sudahSelesai = true;
let sedangBelajar = false;

4. Null (sengaja kosong)

let dataPengguna = null;  // "tidak ada nilai" secara sengaja

5. Undefined (belum ada nilai)

let x;
console.log(x);  // undefined — variabel ada tapi belum diisi

Mengecek Tipe Data

console.log(typeof "Halo");    // "string"
console.log(typeof 42);        // "number"
console.log(typeof true);      // "boolean"
console.log(typeof null);      // "object" (ini bug klasik JS!)
console.log(typeof undefined); // "undefined"

Aturan Penamaan Variabel

// Boleh
let namaLengkap = "Budi";   // camelCase (direkomendasikan)
let umur21 = 21;             // boleh ada angka (bukan di awal)
let _data = "test";          // boleh diawali underscore
 
// Tidak boleh
let 2data = "error";         // tidak boleh diawali angka
let nama-lengkap = "error";  // tidak boleh ada tanda minus
let let = "error";           // tidak boleh pakai keyword

Contoh Kode

// Data diri
const nama = "Budi Santoso";
const umur = 21;
const kotaAsal = "Surabaya";
let statusBelajar = "aktif";
 
// Template literal untuk teks yang dinamis
const perkenalan = `Halo! Nama saya ${nama}, umur ${umur} tahun, dari ${kotaAsal}.`;
console.log(perkenalan);
 
// Hitung sesuatu
const tahunLahir = 2026 - umur;
console.log(`Tahun lahir: ${tahunLahir}`);
 
// Ubah nilai variabel (hanya let yang bisa)
statusBelajar = "sangat aktif";
console.log(`Status belajar: ${statusBelajar}`);
 
// Cek tipe data
console.log(typeof nama);         // "string"
console.log(typeof umur);         // "number"
console.log(typeof statusBelajar); // "string"

Tugas Kecil

Buat file variabel.html dengan script di dalamnya
Buat variabel untuk menyimpan data dirimu:
- const nama — namamu (string)
- const umur — usiamu (number)
- const hobi — hobi favoritmu (string)
- let moodHariIni — mood-mu sekarang (string)
Buat variabel perkenalan menggunakan template literal yang menggabungkan semua data
Cetak perkenalan ke console
Ubah moodHariIni ke nilai baru, lalu cetak lagi
Gunakan typeof untuk mengecek dan mencetak tipe data dari setiap variabel

2. Variabel dan Tipe Data

Tujuan Belajar

Materi Singkat

Membuat Variabel

Tipe Data

Mengecek Tipe Data

Aturan Penamaan Variabel

Contoh Kode

Tugas Kecil

2. Variabel dan Tipe Data

Tujuan Belajar

Materi Singkat

Membuat Variabel

Tipe Data

Mengecek Tipe Data

Aturan Penamaan Variabel

Contoh Kode

Tugas Kecil