Tipe Data JavaScript Lengkap untuk Pemula (Pengalaman Nyata Saat Ngoding)
Apa Itu Tipe Data dalam JavaScript?
Ternyata masalahnya bukan di logika, tapi di tipe data yang saya pakai.
Dari situ saya sadar, memahami tipe data JavaScript itu wajib hukumnya sebelum lanjut ke materi yang lebih jauh. Di artikel ini, saya akan jelaskan tipe data JavaScript berdasarkan pengalaman ngoding langsung, lengkap dengan contoh sederhana.
Tipe data adalah jenis nilai yang disimpan di dalam sebuah variabel.
Contoh sederhana:
JavaScript
let nama = "Budi";
let umur = 20;khkkkklll
- "Budi" → tipe data String
- 20 → tipe data Number
Saat ngoding, JavaScript akan memperlakukan data berbeda tergantung tipenya. Kalau salah tipe, hasilnya bisa bikin pusing 😅
Jenis-Jenis Tipe Data JavaScript
Secara umum, tipe data JavaScript terbagi menjadi:
- Primitive
- Non-Primitive (Reference Type)
Tipe Data Primitive JavaScript
String
String adalah teks yang ditulis dengan tanda kutip.
JavaScript
let pesan = "Belajar JavaScript itu seru";
📌 Pengalaman saya:
Pernah lupa pakai tanda kutip, hasilnya error dan saya kira JavaScript-nya rusak 😅
Number
Number digunakan untuk angka, baik bulat maupun desimal.
JavaScript
let nilai = 90;
let berat = 55.5;
📌 Di JavaScript, tidak ada int atau float, semuanya dianggap Number.
Boolean
Boolean hanya punya dua nilai:
- true
- false
JavaScript
let isLogin = true;
📌 Biasanya saya pakai Boolean untuk:
- validasi form
- pengecekan kondisi (if)
Undefined
undefined berarti variabel ada, tapi belum diberi nilai.
JavaScript
let alamat;
console.log(alamat); // undefined
📌 Ini sering muncul tanpa sengaja saat lupa mengisi variabel.
Null
null artinya kosong secara sengaja.
JavaScript
let dataUser = null;
📌 Bedanya dengan undefined:
- undefined → tidak sengaja
- null → sengaja dikosongkan
Symbol (Sekilas)
Symbol jarang dipakai pemula, tapi tetap penting diketahui.
JavaScript
let id = Symbol("id");
📌 Biasanya dipakai untuk nilai unik agar tidak bentrok.
Tipe Data Non-Primitive (Reference Type)
Array
Array digunakan untuk menyimpan banyak data dalam satu variabel.
JavaScript
let buah = ["Apel", "Jeruk", "Mangga"];
📌 Waktu pertama kali pakai array, saya baru sadar betapa ribetnya variabel kalau tidak pakai array.
Object
Object menyimpan data dalam bentuk key dan value.
JavaScript
let user = {
nama: "Andi",
umur: 21,
aktif: true
};
📌 Object ini sering saya pakai saat bikin:
- data user
- konfigurasi
- response API
Function (Termasuk Tipe Data)
Function di JavaScript juga dianggap tipe data.
JavaScript
function sapa() {
console.log("Halo!");
}
📌 Ini unik di JavaScript dan sering bikin kaget pemula.
Cara Mengetahui Tipe Data (typeof)
Saat bingung dengan tipe data, saya sering pakai typeof.
JavaScript
typeof "Halo"; // string
typeof 10; // number
typeof true; // boolean
JavaScript
typeof null; // object (bug lama JavaScript)
Ini bukan salah kamu, tapi memang bug bawaan JavaScript 😄
Kesalahan Umum Pemula Saat Pakai Tipe Data
Berdasarkan pengalaman saya, ini kesalahan yang sering terjadi:
- Mengira "10" sama dengan 10
- Lupa tanda kutip pada string
- Bingung antara null dan undefined
- Salah mengolah data array dan object
Kesimpulan
Memahami tipe data JavaScript itu pondasi utama saat ngoding.
Saya sendiri baru benar-benar nyaman ngoding setelah paham:
- kapan pakai string
- kapan pakai number
- kapan pakai array atau object
Kalau kamu masih pemula, jangan buru-buru lanjut ke framework sebelum benar-benar paham tipe data.