Jago JavaScript #1: Kenalan Sama Tipe Data (Biar Gak Salah Gaul!)

Pernah gak kamu lagi belanja, terus bingung mau masukin telur ke kantong plastik atau kardus? Di dunia programming, data juga punya "wadah" dan "jenis" yang berbeda-beda. Kalau kamu salah nentuin jenisnya, program kamu bisa error atau malah ngasih hasil yang aneh.

Di artikel ini, kita bakal kupas tuntas tipe data di JavaScript supaya kamu makin jago ngoding. Tenang, gak bakal bikin pusing kok!

🧩 Apa yang Akan Dipelajari

• Memahami konsep tipe data dan kenapa itu penting.
• Mengenal 7 tipe data "Primitif" (yang simpel-simpel).
• Cara mengecek tipe data menggunakan perintah JavaScript.
• Tips menghindari kesalahan umum saat manipulasi data.

⚙️ Persiapan

Untuk praktek tutorial ini, kamu cuma butuh:

1. Google Chrome (atau browser apa pun).
2. Inspect Element / Console: Klik kanan di halaman web mana saja, pilih Inspect, lalu klik tab Console.
3. Niat belajar yang kuat dan segelas kopi/teh.

🚀 Langkah-Langkah

1. Mengenal Si "Tali" (String)

String adalah tipe data untuk teks. Bayangkan seperti untaian huruf yang diikat. Di JavaScript, String harus dibungkus pakai kutip satu ('), kutip dua ("), atau backtick (`).

let nama = "Budi";
let pesan = 'Halo, selamat belajar!';

Penjelasan: Apapun yang ada di dalam kutip bakal dianggap teks, bahkan kalau isinya angka.

2. Si "Angka" (Number)

Beda dengan bahasa pemrograman lain yang misahin angka bulat dan desimal, di JavaScript semuanya masuk kategori Number.

let umur = 25;        // Angka bulat (Integer)
let harga = 1500.50;  // Angka desimal (Float)

Hati-hati: Jangan pakai kutip buat angka kalau kamu mau melakukan operasi matematika!

3. Si "Benar atau Salah" (Boolean)

Tipe data ini cuma punya dua nilai: true (benar) atau false (salah). Biasanya dipakai buat logika "Kalau... Maka...".

let sudahMakan = true;
let sedangHujan = false;

4. Si "Kosong" (Null & Undefined)

Nah, ini sering bikin bingung pemula. Bedanya tipis:

• Undefined: Variabel sudah dibuat, tapi belum dikasih isi. (Contoh: Kotak ada, tapi isinya belum tahu apa).
• Null: Variabel sengaja dikosongkan. (Contoh: Kotaknya ada, dan kita sengaja bilang "ini kosong ya").

let rahasia;           // Undefined
let kantongKosong = null; // Null

5. Cara Cek Tipe Data: typeof

Bingung variabel ini tipe datanya apa? Tenang, ada "detektif" namanya typeof. Coba ketik ini di console kamu:

console.log(typeof "Halo"); // Hasilnya: "string"
console.log(typeof 2026);   // Hasilnya: "number"
console.log(typeof true);   // Hasilnya: "boolean"

6. Tipe Data "Spesial" (Object & Array)

Meskipun kita fokus ke dasar, kamu perlu tahu kalau ada tipe data yang bisa nampung banyak nilai sekaligus, yaitu Object dan Array.

// Array: Daftar nilai
let hobi = ["Main Game", "Ngoding", "Futsal"];

// Object: Data yang punya label
let profil = {
    nama: "Sena",
    umur: 27
};

💡 Tips Tambahan

• Case Sensitive: JavaScript itu sensitif banget soal huruf besar-kecil. Nama dan nama itu dianggap dua hal yang berbeda.
• Backtick Magic: Gunakan backtick (`) kalau mau gabungin teks dan variabel dengan lebih gampang (Template Literals).
  • Contoh: `Halo, nama saya ${nama}`.

❗ Troubleshooting

Masalah: Kenapa 10 + "5" hasilnya jadi "105"? Solusi: Ini namanya Type Coercion. Kalau angka ketemu string saat operasi tambah (+), JavaScript bakal maksa si angka jadi string dan menggabungkannya. Selalu pastikan tipe data kamu benar sebelum dijumlahkan! Pakai Number() untuk mengubah teks jadi angka: 10 + Number("5").

🎯 Kesimpulan

Selamat! Kamu sudah paham dasar-dasar tipe data di JavaScript. Ingat, setiap data punya peran masing-masing. Memahami perbedaan antara String, Number, dan Boolean adalah langkah awal yang besar untuk menjadi developer handal.

Berikutnya, kita akan belajar bagaimana memanipulasi data-data ini menggunakan operator matematika dan logika. Tetap semangat!