Tutorial Belajar JavaScript Part 21: Pengertian Nilai Null dan Undefined di dalam JavaScript

Setelah pembahasan mengenai 3 tipe data dasar JavaScript, yakni Number, String dan Boolean. Terdapat 2 nilai yang 'bisa dianggap' sebagai tipe dasar di dalam JavaScript, yakni nilai null dan undefined. Dalam tutorial kali ini kita akan membahas tentang Pengertian Nilai Null dan Undefined di dalam JavaScript.


Pengertian Nilai Null di dalam JavaScript

Null adalah kata kunci (keyword) khusus yang berarti 'tidak memiliki nilai'. Kita bisa memberikan nilai null kepada variabel, elemen dari array, property dari objek, atau yang lainnya.

Null berbeda dengan string kosong, karena string kosong masih bertipe 'string'. Sedangkan null bukan merupakan tipe data apapun. Jika kita menggunakan operator typeof kepada null, hasilnya adalah : object. Hal Ini berarti bahwa null adalah object khusus yang mengindikasikan 'tidak ada nilai' di dalam JavaScript.

Berikut adalah contoh kode program cara pemberian nilai null kedalam variabel

<script>
var a;
a = null;
var b=null;
 
console.log(a);          // null
console.log(b);          // null
console.log(typeof a);   // object
</script>

Pengertian Undefined di dalam JavaScript

Undefined adalah keyword khusus lainnya di dalam JavaScript yang mengindikasikan 'tidak ada nilai'. Namun undefined lebih 'dalam' dari pada null. Undefined adalah hasil yang akan didapat dari proses berikut:

  • Nilai dari pemanggilan variabel yang belum didefenisikan
  • Nilai dari pemanggilan element array yang tidak ada
  • Nilai dari pemanggilan property objek yang tidak ada
  • Nilai dari pemanggilan fungsi yang tidak mengembalikan nilai
  • Nilai dari parameter fungsi yang tidak memiliki argumen

Undefined adalah variabel global di dalam javascript, dan bukan merupakan objek khusus seperti null. Pemanggilan operator typeof untuk undefined akan menghasilkan undefined.

Berikut adalah contoh kode program yang akan menghasilkan undefined:

<script>
var a = "test";         // a adalah string
var b = [1,2,3,4,5]     // b adalah array
 
console.log(a);         // "test"
console.log(a.length);  // 4: pemanggilan property length dari objek string
console.log(a.panjang); // undefined : panjang bukan property dari string
console.log(b[2]);      // 3 : index ke 2 dari array b adalah 3
console.log(b[10]);     // undefined : index dalam array b hanya sampai 4
</script>

Perbedaan Null dengan Undefined

Dalam tahap pembelajaran JavaScript, kadang kita akan menyamakan nilai null dengan undefined. Bahkan hasil dari operasi null == undefinded adalah true. Keduanya juga akan menjadi false jika dikonversi menjadi boolean.

Namun null dan undefined pada dasarnya adalah berbeda. Null biasanya diperoleh dalam kondisi normal dan sudah direncanakan. Namun undefined biasanya didapat dari hasil kesalahan program dan tidak direncanakan. Operasi null === undefinded akan menghasilkan nilai false, yang menunjukkan kedua nilai ini berbeda.

Hampir selalu dalam proses pembuatan program, jika membutuhkan nilai untuk mendefenisikan 'tanpa nilai' kita menggunakan nilai null, bukan undefined.

Sebagai penutup, berikut adalah contoh program kode program yang menghasilkan null dan undefined:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Belajar JavaScript</title>

<script>
var a;
a = null;
var b=null;
 
console.log(a);           // null
console.log(b);           // null
console.log(typeof a);    // object
 
var a = "test";           // a adalah string
var b = [1,2,3,4,5]       // b adalah array
 
console.log(a);           // "test"
console.log(a.length);    // 4: pemanggilan property length dari objek string
console.log(a.panjang);   // undefined : panjang bukan property dari string
console.log(b[2]);        // 3 : index ke 2 dari array b adalah 3
console.log(b[10]);       // undefined : index dalam array b hanya sampai 4
  
var z = (null == undefined);
console.log(z);           // true
 
var z = (null === undefined);
console.log(z);           // false
</script> 
 
</head>
<body>
<h1>Belajar JavaScript</h1>
<p> Saya sedang belajar Null dan Undefined JavaScript di duniailkom.com </p>
</div>
</body>
</html>

Contoh Penggunakan tipe data null dan undefined JavaScript

Kita mungkin akan jarang berurusan dengan tipe data null dan undefined. Namun dari tutorial kali ini setidaknya kita telah mengenal tentang Pengertian Nilai Null dan Undefined di dalam JavaScript. Dalam tutorial berikutnya, kita akan membahas tentang Cara Konversi Tipe Data dalam JavaScript.


eBook JavaScript Uncover Duniailkom
JavaScript sudah menjadi fitur wajib di setiap website modern. Duniailkom telah menyusun eBook JavaScript Uncover yang membahas JavaScript dengan lebih detail dan lebih lengkap, mulai dari dasar hingga konsep DOM, Event dan AJAX. Penjelasan lebih lanjut bisa ke eBook JavaScript Uncover Duniailkom.

One Response

  1. Astanik mustakim
    18 Jun 21

Add Comment