Boolean, Null, dan Undefined di JavaScript: Pengertian dan Contoh Lengkap

Pernah bingung kenapa sebuah variabel di JavaScript bisa bernilai true, false, null, atau bahkan undefined? Ini adalah konsep dasar yang sering membuat pemula kebingungan.

Dalam JavaScript, terdapat beberapa tipe data khusus yang digunakan untuk merepresentasikan kondisi logika dan nilai kosong. Tiga yang paling penting adalah Boolean, Null, dan Undefined. Memahami ketiga tipe data ini sangat penting karena sering digunakan dalam pengambilan keputusan, validasi data, dan pengelolaan variabel dalam program.

Apa Itu Boolean, Null, dan Undefined?

1. Boolean

Boolean adalah tipe data yang hanya memiliki dua nilai: true (benar) dan false (salah). Tipe data ini biasanya digunakan dalam logika program seperti kondisi if, perulangan, dan operasi perbandingan.

Contoh penggunaan Boolean:

let isLogin = true;

if (isLogin) {
  console.log("User sudah login");
} else {
  console.log("User belum login");
}

Boolean juga sering dihasilkan dari operasi perbandingan, seperti:

console.log(5 > 3); // true
console.log(10 === 5); // false

2. Null

null adalah nilai khusus yang menunjukkan bahwa sebuah variabel tidak memiliki nilai atau sengaja dikosongkan. Biasanya digunakan ketika developer ingin menyatakan bahwa sebuah variabel memang "tidak ada isinya".

Contoh penggunaan null:

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

Perlu diperhatikan bahwa null adalah nilai yang secara eksplisit diberikan oleh programmer, berbeda dengan undefined yang terjadi secara otomatis oleh JavaScript.

3. Undefined

undefined berarti variabel sudah dideklarasikan tetapi belum diberi nilai. Ini adalah nilai default yang diberikan JavaScript untuk variabel yang belum diinisialisasi.

Contoh penggunaan undefined:

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

Selain itu, undefined juga bisa muncul ketika kita mengakses properti objek yang tidak ada:

let user = {};
console.log(user.email); // undefined

Gambaran Umum Boolean, Null, dan Undefined

Boolean, null, dan undefined adalah tipe data dasar dalam JavaScript. Boolean merepresentasikan nilai benar atau salah, null menunjukkan ketiadaan nilai yang disengaja, sedangkan undefined menandakan variabel yang belum diberi nilai.

Fungsi dan Kegunaan dalam JavaScript

• Boolean → digunakan dalam kondisi dan logika program
• Null → menandakan data kosong secara sengaja
• Undefined → menandakan variabel belum memiliki nilai

Contoh Dasar

Pada contoh berikut, kita menggunakan beberapa tipe data dasar dalam JavaScript yaitu Boolean, Null, dan Undefined. Variabel isLogin berisi nilai boolean true, yang biasanya digunakan untuk kondisi logika (misalnya status login). Variabel data diisi dengan null, yang menandakan bahwa nilai tersebut kosong atau tidak ada secara sengaja. Sedangkan variabel nama belum diberikan nilai, sehingga secara otomatis bernilai undefined.

// Boolean
let isLogin = true;

// Null
let data = null;

// Undefined
let nama;

console.log(isLogin);
console.log(data);
console.log(nama);

Contoh Penggunaan dalam Dunia Nyata

1. Mengecek usia (if boolean)

Contoh ini digunakan untuk mengecek apakah seseorang sudah cukup umur atau belum. Program akan menentukan apakah umur yang dimasukkan termasuk kategori dewasa (18 tahun ke atas) atau masih di bawah umur.

let umur = 20;
let dewasa = (umur >= 18); // boolean true/false

if (dewasa) {
  document.getElementById("hasil").innerHTML = "Anda sudah dewasa";
} else {
  document.getElementById("hasil").innerHTML = "Anda masih di bawah umur";
}

2. Toggle tombol ON/OFF (boolean switch)

Contoh ini menunjukkan bagaimana sebuah tombol bisa digunakan untuk menyalakan dan mematikan sesuatu, seperti lampu. Setiap kali tombol ditekan, status akan berubah dari ON ke OFF atau sebaliknya.

let lampuNyala = false; // boolean awal

function toggleLampu() {
  lampuNyala = !lampuNyala; // membalik nilai boolean
  
  if (lampuNyala) {
    document.getElementById("status").innerHTML = "Lampu ON";
  } else {
    document.getElementById("status").innerHTML = "Lampu OFF";
  }
}

3. Validasi input (boolean dari kondisi)

Contoh ini digunakan untuk memastikan input tidak kosong sebelum diproses. Jika pengguna belum mengisi nama, maka akan muncul pesan peringatan sederhana.

function cekNama() {
  let input = document.getElementById("nama").value;
  let valid = (input.length > 0); // boolean

  if (valid) {
    document.getElementById("pesan").innerHTML = "Nama valid";
  } else {
    document.getElementById("pesan").innerHTML = "Nama tidak boleh kosong";
  }
}

4. Variabel kosong (null)

Contoh ini menunjukkan sebuah variabel yang sengaja dikosongkan. Biasanya digunakan saat kita belum punya nilai, tapi ingin menyiapkan tempat untuk data di masa depan.

let data = null;

if (data === null) {
  console.log("Data masih kosong");
}

5. Mengecek elemen HTML (null dari DOM)

Contoh ini digunakan untuk mengecek apakah elemen HTML ada atau tidak. Jika elemen tidak ditemukan, maka hasilnya akan bernilai null.

let elemen = document.getElementById("tidakAda");

if (elemen === null) {
  console.log("Elemen tidak ditemukan");
}

6. Reset nilai ke null

Contoh ini menunjukkan bagaimana kita bisa menghapus atau mereset nilai sebuah variabel menjadi kosong kembali setelah sebelumnya memiliki isi.

let nama = "Cikukulu";

// reset nilai
nama = null;

if (nama === null) {
  console.log("Nama sudah di-reset");
}

7. Variabel tanpa nilai (undefined)

Contoh ini menunjukkan variabel yang sudah dibuat, tapi belum diberi nilai sama sekali. Secara otomatis JavaScript akan menganggapnya sebagai undefined.

let data;

if (data === undefined) {
  console.log("Data belum diisi");
}

8. Akses properti yang tidak ada

Contoh ini terjadi saat kita mencoba mengambil data dari objek, tapi properti tersebut tidak ada. Hasilnya bukan error, melainkan undefined.

let obj = {
  nama: "Sanjaya"
};

console.log(obj.umur); // undefined

9. Parameter fungsi tidak diisi

Contoh ini menunjukkan ketika sebuah fungsi dipanggil tanpa memberikan semua parameter. Parameter yang tidak diisi akan otomatis bernilai undefined.

function sapa(nama) {
  if (nama === undefined) {
    console.log("Nama belum diisi");
  } else {
    console.log("Halo " + nama);
  }
}

sapa(); // tanpa parameter

Perbedaan Null dan Undefined

Konsep Penting yang Perlu Dipahami

• Boolean hanya memiliki dua nilai: true dan false
• Null berarti “kosong secara sengaja”
• Undefined berarti “belum ada nilai”
• Perbandingan harus menggunakan === untuk akurat

Kesalahan Umum yang Harus Dihindari

• Menganggap null dan undefined sama
• Menggunakan == вместо ===
• Tidak mengecek nilai sebelum digunakan

Tips Menggunakan Boolean, Null, dan Undefined

• Gunakan Boolean untuk logika kondisi
• Gunakan null untuk menandai data kosong
• Selalu cek undefined sebelum memakai variabel
• Gunakan === untuk perbandingan yang lebih aman

Ringkasan

• Boolean → nilai true atau false, biasanya dipakai buat kondisi (if, perbandingan, dll)
• Null → nilai kosong yang memang sengaja dikosongkan
• Undefined → variabel yang belum punya nilai sama sekali

Kesimpulan

Boolean, Null, dan Undefined adalah bagian penting dari JavaScript yang sering digunakan dalam logika program. Memahami perbedaan ketiganya membantu kamu menghindari kesalahan umum, terutama saat mengecek kondisi atau menangani nilai kosong, sehingga kode menjadi lebih stabil dan mudah dipahami.

Artikel Terkait

• JavaScript Number
• JavaScript String
• Sejarah JavaScript & Evolusinya Menuju Web Modern

Pertanyaan yang Sering Diajukan (FAQ)

Apa itu Boolean di JavaScript?

Boolean adalah tipe data yang hanya memiliki nilai true dan false.

Apa perbedaan null dan undefined?

Null adalah nilai kosong yang disengaja, sedangkan undefined berarti belum memiliki nilai.

Kapan harus menggunakan null?

Gunakan null ketika ingin menandai bahwa suatu variabel tidak memiliki nilai.