Tipe Data di JavaScript: String, Number, Boolean, Null, Undefined

Pelajari berbagai tipe data di JavaScript untuk pemula: string, number, boolean, null, dan undefined. Lengkap dengan contoh kode dan penjelasan mudah.

keywords: tipe data javascript, string number boolean, null javascript, undefined javascript, tipe data dasar js, belajar javascript pemula

Pernahkah kamu mengalami error karena salah mengolah data? Misalnya, angka yang seharusnya dijumlahkan malah digabung jadi teks? 🤔

Kesalahan seperti ini sering terjadi karena belum memahami tipe data di JavaScript.
Padahal, tipe data adalah pondasi penting dalam coding: setiap variabel pasti punya jenis data tertentu.

Di artikel ini, kita akan membahas tipe data dasar JavaScript, yaitu:

1. String
2. Number
3. Boolean
4. Null
5. Undefined

Dengan memahami tipe data ini, kamu bisa menghindari error yang membingungkan dan menulis kode lebih rapi.

Apa Itu Tipe Data?

Tipe data adalah jenis nilai yang bisa disimpan dalam variabel.
Contohnya, angka, teks, atau status logika (benar/salah).

Misalnya:

let nama = "Andi";     // String
let umur = 25;         // Number
let sudahLogin = true; // Boolean

let nama = "Andi";     // String
let umur = 25;         // Number
let sudahLogin = true; // Boolean

👉 Dengan mengetahui tipe data, JavaScript tahu bagaimana harus memperlakukan nilai tersebut.

1. String (Teks)

String adalah tipe data untuk menyimpan teks atau tulisan.
Di JavaScript, string ditulis dengan tanda kutip: "...", '...', atau `...` (backtick).

Contoh:

let nama = "Budi";
let pesan = 'Halo, Dunia!';
let template = `Nama saya ${nama}`;
console.log(template); // Nama saya Budi

let nama = "Budi";
let pesan = 'Halo, Dunia!';
let template = `Nama saya ${nama}`;
console.log(template); // Nama saya Budi

• "..." → double quotes
• '...' → single quotes
• `...` → template literal (bisa pakai ${} untuk menyisipkan variabel)

2. Number (Angka)

Number adalah tipe data untuk angka, baik bilangan bulat maupun desimal.

Contoh:

let umur = 20;      // integer
let harga = 19.99;  // desimal
console.log(umur + harga); // 39.99

let umur = 20;      // integer
let harga = 19.99;  // desimal
console.log(umur + harga); // 39.99

⚡ Catatan: di JavaScript, tidak ada perbedaan antara int dan float. Semuanya termasuk Number.

3. Boolean (Benar atau Salah)

Boolean hanya punya dua nilai: true atau false.
Tipe data ini sering dipakai untuk logika dalam program.

Contoh:

let sudahLogin = true;
let punyaAkun = false;

if (sudahLogin) {
  console.log("Selamat datang kembali!");
} else {
  console.log("Silakan login dulu.");
}

let sudahLogin = true;
let punyaAkun = false;

if (sudahLogin) {
  console.log("Selamat datang kembali!");
} else {
  console.log("Silakan login dulu.");
}

👉 Boolean sangat penting saat bekerja dengan if-else, validasi form, atau kondisi logika lainnya.

4. Null

Null adalah tipe data yang berarti kosong atau tidak ada nilai.

Contoh:

let pacar = null;
console.log(pacar); // null

let pacar = null;
console.log(pacar); // null

Artinya, variabel pacar memang diset tidak punya nilai. Ini berbeda dengan undefined (dibahas di bawah).

5. Undefined

Undefined berarti variabel sudah dideklarasikan, tapi belum diberi nilai.

Contoh:

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

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

Bedanya dengan null:

• null → nilai yang sengaja dibuat kosong.
• undefined → variabel belum punya nilai sama sekali.

Perbandingan Null vs Undefined

👉 Jadi, kalau ingin mengosongkan variabel, gunakan null.

Contoh Penggunaan Tipe Data

let nama = "Andi";         // String
let umur = 21;             // Number
let sudahLogin = false;    // Boolean
let pacar = null;          // Null
let alamat;                // Undefined

console.log(nama);        // Andi
console.log(umur);        // 21
console.log(sudahLogin);  // false
console.log(pacar);       // null
console.log(alamat);      // undefined

let nama = "Andi";         // String
let umur = 21;             // Number
let sudahLogin = false;    // Boolean
let pacar = null;          // Null
let alamat;                // Undefined

console.log(nama);        // Andi
console.log(umur);        // 21
console.log(sudahLogin);  // false
console.log(pacar);       // null
console.log(alamat);      // undefined

FAQ

1. Apakah JavaScript punya tipe data lain?
Ya. Selain 5 tipe dasar ini, ada juga Object, Array, Symbol, dan BigInt. Itu akan kita bahas di materi berikutnya.

2. Bisa nggak string diubah jadi number?
Bisa, gunakan parseInt(), parseFloat(), atau Number().

let angka = "100";
console.log(Number(angka) + 50); // 150

let angka = "100";
console.log(Number(angka) + 50); // 150

3. Apakah null sama dengan undefined?
Tidak. null diberikan secara sengaja, undefined otomatis jika variabel belum diisi.

Kesimpulan

JavaScript memiliki beberapa tipe data dasar yang wajib dikuasai:

• String → untuk teks.
• Number → untuk angka.
• Boolean → untuk logika true/false.
• Null → untuk nilai kosong.
• Undefined → variabel yang belum didefinisikan.

Dengan memahami tipe data ini, kamu akan lebih mudah menghindari error dan menulis kode lebih terstruktur.

👉 Lanjut ke [Hari 5: Operator JavaScript – Aritmatika, Perbandingan, Logika] untuk mempelajari cara mengolah data dengan berbagai operator.