Bab 03: Mengenal Tipe Data JavaScript

Kalau kamu pernah bingung kenapa 5 + "5" jadi "55" dan bukan 10, atau kenapa ada variabel yang nilainya kosong tapi nggak kosong-kosong banget, selamat! Kamu datang ke tempat yang tepat. Karena disini tempatnya ngebahas tipe data javascript.

JavaScript itu seperti teman yang asik, tapi kadang suka bercanda sampe bikin pusing. Untungnya, semua kekacauan itu bisa dijelaskan lewat tipe data, pondasi dasar yang menentukan jenis nilai dalam kode kita.

Di bab ini, aku akan ajak kamu jalan-jalan santai mengenal berbagai tipe data di JavaScript: dari yang sering dipake kayak string dan number, sampai yang bikin developer senior pun kadang geleng-geleng kepala kayak null vs undefined. Tenang aja, kita bahas pelan-pelan, dengan logika yang jelas dan dikit-dikit humor biar nggak ngantuk!

Apa Itu Tipe Data di JavaScript

Pengertian tipe data

Tipe data adalah kategori yang digunakan untuk mengklasifikasikan nilai dalam program. Di JavaScript, setiap nilai pasti punya tipe entah itu teks, angka, benar/salah, atau bahkan “nggak ada”.

Peran tipe data dalam program

Bayangkan tipe data seperti label di stoples bumbu dapur. Kalau nggak ada label, kamu bisa salah masukin garam ke kopi dan hasilnya? Pahit plus asin!
Di dunia coding, tipe data membantu JavaScript memahami cara menangani nilai: apakah mau dijumlahkan, digabung, dibandingkan, atau cuma disimpan doang.

Tipe Data String

Pengertian string

String adalah tipe data yang menyimpan teks. Bisa satu karakter, kalimat, atau bahkan lirik lagu dangdut favoritmu (asal diapit tanda kutip!).

Contoh nilai string

let nama = "Jarvis";
let quote = 'JavaScript itu kayak mantan—kadang bikin senyum, kadang bikin nangis.';

let nama = "Jarvis";
let quote = 'JavaScript itu kayak mantan—kadang bikin senyum, kadang bikin nangis.';

Catatan: Bisa pakai tanda kutip tunggal (') atau ganda ("). Yang penting konsisten—jangan campur-campur kayak mie instan sama susu!

Tipe Data Number

Angka bulat dan desimal

JavaScript nggak ribet soal angka. Semua angka bulat (42) atau desimal (3.14)—masuk dalam tipe number.

Perbedaan number dan string angka

Ini penting banget!

let umur = 25;         // number → bisa dihitung
let umurText = "25";   // string → cuma teks

console.log(umur + 5);        // 30
console.log(umurText + 5);    // "255" ← karena string digabung!

let umur = 25;         // number → bisa dihitung
let umurText = "25";   // string → cuma teks

console.log(umur + 5);        // 30
console.log(umurText + 5);    // "255" ← karena string digabung!

Jadi, jangan heran kalau aplikasimu tiba-tiba jadi “penulis puisi” padahal kamu minta kalkulator!

Tipe Data Boolean

Nilai true dan false

Boolean cuma punya dua nilai: true (benar) dan false (salah). Ini tipe data favorit untuk pengambilan keputusan.

Contoh penggunaan boolean

let lapar = true;
let sudahMakan = false;

if (lapar && !sudahMakan) {
  console.log("Waktunya makan siang!");
}

let lapar = true;
let sudahMakan = false;

if (lapar && !sudahMakan) {
  console.log("Waktunya makan siang!");
}

Kalau hidup sehari-hari pakai boolean, mungkin status WhatsApp-mu cuma: “True: lagi rebahan. False: bohong.”

Tipe Data Object

Konsep object dalam JavaScript

Object adalah tipe data yang bisa nyimpen banyak nilai dalam bentuk pasangan key value (properti dan nilainya). Mirip kayak profil media sosial: nama, usia, bio, dll.

Contoh object sederhana:

let profil = {
  nama: "Bos",
  pekerjaan: "Developer & Visioner",
  moodHariIni: "Semangat!"
};

let profil = {
  nama: "Bos",
  pekerjaan: "Developer & Visioner",
  moodHariIni: "Semangat!"
};

Object itu fleksibel, powerful, dan—kalau salah struktur—bisa bikin debugging jadi petualangan horor.

Tipe Data Array

Pengertian array

Array adalah daftar terurut yang bisa nyimpen banyak nilai dalam satu variabel. Indeksnya dimulai dari 0 (ya, programmer emang suka bikin orang mikir dua kali).

Array sebagai bagian dari object

Secara teknis, array di JavaScript adalah turunan dari object. Tapi tenang, kamu tetap bisa pakai array seperti kotak mainan: masukin apa aja, ambil sesuai urutan.

let todoList = ["Belajar JS", "Minum kopi", "Ngebug... lagi"];
console.log(todoList[0]); // "Belajar JS"

let todoList = ["Belajar JS", "Minum kopi", "Ngebug... lagi"];
console.log(todoList[0]); // "Belajar JS"

Tipe Data Undefined

Arti nilai undefined

undefined artinya variabel sudah dideklarasikan, tapi belum diberi nilai.

Kapan undefined muncul

let ideBrilian;
console.log(ideBrilian); // undefined

let ideBrilian;
console.log(ideBrilian); // undefined

Atau saat kamu coba akses properti yang nggak ada:

let mobil = { merek: "Tesla" };
console.log(mobil.warna); // undefined

let mobil = { merek: "Tesla" };
console.log(mobil.warna); // undefined

Undefined itu kayak janji “nanti aku balas” ada, tapi isinya kosong.

Tipe Data Null

Perbedaan null dan undefined

Keduanya kosong tapi beda filosofi:

• undefined: JavaScript bilang, “Aku belum tahu nilainya.”
• null: Kamu bilang, “Aku sengaja kasih nilai ‘kosong’.”

Contoh:

let pacar = null; // Sad but intentional

let pacar = null; // Sad but intentional

Fakta lucu: typeof null menghasilkan "object" ini bug legendaris sejak 1995 yang nggak pernah diperbaiki karena takut rusak kode lama. JavaScript emang unik!

Mengetahui Tipe Data dengan typeof

Cara kerja typeof

Operator typeof dipakai buat ngecek tipe data suatu nilai. Berguna banget pas debugging atau validasi input.

Contoh penggunaan

console.log(typeof "Halo");     // "string"
console.log(typeof 42);         // "number"
console.log(typeof true);       // "boolean"
console.log(typeof {});         // "object"
console.log(typeof null);       // "object" ← hati-hati!
console.log(typeof undefined);  // "undefined"

console.log(typeof "Halo");     // "string"
console.log(typeof 42);         // "number"
console.log(typeof true);       // "boolean"
console.log(typeof {});         // "object"
console.log(typeof null);       // "object" ← hati-hati!
console.log(typeof undefined);  // "undefined"

Jadi, typeof itu kayak detektif pribadi buat nilai-nilai di kode kamu.

Sekarang kamu udah kenalan sama para “aktor utama” di dunia tipe data JavaScript. Mereka mungkin kelihatan simpel, tapi kombinasi dan interaksinya bisa bikin aplikasimu jadi superpower or disaster kalau salah handle.

Ingat:

“Di JavaScript, bukan cuma logika yang penting tapi juga tahu tipe data yang sedang kamu ajak bicara.”

Terus eksplor, coba-coba, dan jangan takut salah. Toh, error itu cuma cara JavaScript bilang, “Coba lagi, Bos. Aku percaya kamu!”

Sampai jumpa di bab berikutnya di mana kita bakal bikin variabel-variabel ini hidup lewat operator dan ekspresi.