Belajar Typescript #09 | Type data Null dan Undefined pada Typescript
Irgo Adityawan
23 Februari 2023
Tipe data null
dan undefined
adalah dua tipe data yang digunakan untuk merepresentasikan nilai yang tidak ada atau tidak terdefinisi dalam TypeScript. Artikel ini akan menjelaskan lebih lanjut tentang tipe data null
dan undefined
, kegunaannya, dan cara penggunaannya dalam TypeScript.
null
dan undefined
?Tipe data null
: Tipe data null
digunakan untuk merepresentasikan ketiadaan nilai atau nilai kosong. Saat sebuah variabel memiliki tipe data null
, ini berarti variabel tersebut sengaja tidak memiliki nilai apapun.
Tipe data undefined
: Tipe data undefined
digunakan untuk merepresentasikan variabel yang telah dideklarasikan tetapi belum diberi nilai. Ini menunjukkan bahwa variabel tersebut "tidak terdefinisi" atau "kosong."
null
dan undefined
Tipe data null
dan undefined
memiliki berbagai kegunaan dalam pengembangan perangkat lunak, termasuk:
Penetapan Default: Tipe data null
dan undefined
sering digunakan sebagai nilai default dalam parameter fungsi atau properti objek jika nilai sebenarnya tidak disediakan oleh pengguna.
function greet(name: string | null = null): string {
if (name === null) {
return "Hello, Guest!";
} else {
return `Hello, ${name}!`;
}
}
Penanganan Kondisi Khusus: Anda dapat menggunakan tipe data null
dan undefined
untuk menangani situasi khusus atau kesalahan dalam kode Anda.
let result: string | null = performOperation();
if (result === null) {
console.error("Terjadi kesalahan dalam operasi.");
}
Pengujian Kehadiran Nilai: Tipe data null
dan undefined
sering digunakan dalam pernyataan kondisional untuk menguji apakah sebuah nilai ada atau tidak.
let data: string | undefined;
if (data === undefined) {
console.log("Data tidak tersedia.");
} else {
console.log(`Data: ${data}`);
}
Inisialisasi: Anda dapat menginisialisasi variabel dengan tipe data null
atau undefined
saat pertama kali mendeklarasikannya dan kemudian mengisinya dengan nilai sebenarnya nanti.
let username: string | null = null;
// ...
username = "john_doe";
null
dan undefined
dalam TypeScriptPenggunaan tipe data null
dan undefined
dalam TypeScript sangat sederhana. Anda dapat mendeklarasikan variabel dengan tipe data null
atau undefined
dengan menginisialisasinya dengan nilai null
atau undefined
. Berikut adalah contoh-contoh cara penggunaannya:
let emptyValue: null = null; // Variabel emptyValue memiliki tipe data null
let undefinedValue: undefined = undefined; // Variabel undefinedValue memiliki tipe data undefined
Anda juga dapat menggunakan tipe data null
dan undefined
sebagai nilai default dalam parameter fungsi atau properti objek:
function greet(name: string | null = null): string {
if (name === null) {
return "Hello, Guest!";
} else {
return `Hello, ${name}!`;
}
}
Selain itu, Anda dapat menggunakan pernyataan kondisional untuk menguji keberadaan nilai null
atau undefined
:
let data: string | undefined;
if (data === undefined) {
console.log("Data tidak tersedia.");
} else {
console.log(`Data: ${data}`);
}
Dengan memahami tipe data null
dan undefined
serta cara penggunaannya dalam TypeScript, Anda dapat lebih baik mengelola ketiadaan nilai atau nilai yang belum terdefinisi dalam aplikasi Anda. Hal ini membantu dalam penanganan kesalahan, pengujian kondisi, dan menginisialisasi variabel dengan nilai default.
Artikel Lainnya Dengan Kategori Terkait :
1. Belajar Typescript #01 | Memahami apa itu Typescript
2. Belajar Typescript #02 | Setup project Typescript
3. Belajar Typescript #03 | Konfigurasi compiler Typescript
4. Belajar Typescript #04 | Membuat code dan menjalankan Typescript
5. Belajar Typescript #05 | Basic types pada Typescript
6. Belajar Typescript #06 | Type data Boolean pada Typescript
7. Belajar Typescript #07 | Type data Number pada Typescript
8. Belajar Typescript #08 | Type data String pada Typescript
9. Belajar Typescript #09 | Type data Null dan Undefined pada Typescript
10. Belajar Typescript #10 | Type data Any pada Typescript
11. Belajar Typescript #11 | Type data Void pada Typescript
12. Belajar Typescript #12 | Object types pada Typescript
13. Belajar Typescript #13 | Object Literal pada Typescript
14. Belajar Typescript #14 | Type data Void pada Typescript
15. Belajar Typescript #15 Object types pada Typescript
16. Belajar Typescript #16 | Memahami dan menerapkan type aliases
17. Belajar Typescript #17 | Memahami dan menerapkan union types
18. Belajar Typescript #18 | Memahami dan menerapkan intersection types
19. Belajar Typescript #19 | Basic types lanjutan - Array
20. Belajar Typescript #20 | Basic types lanjutan - Tuples
21. Belajar Typescript #21 | Basic types lanjutan - Null
22. Belajar Typescript #22 | Basic types lanjutan - Undefined
23. Belajar Typescript #23 | Basic types lanjutan - Void
24. Belajar Typescript #24 | Basic types lanjutan - Never
25. Belajar Typescript #25 | Mengenal teknik lanjutan pada Typescript
26. Belajar Typescript #26 | Optional Parameter
27. Belajar Typescript #27 | Default Parameter
28. Belajar Typescript #28 | Return Type
29. Belajar Typescript #29 | Mendeklarasikan Fungsi - Tanpa Parameter
30. Belajar Typescript #30 | Mendeklarasikan Fungsi - Dengan Parameter
31. Belajar Typescript #31 | Mendeklarasikan Fungsi - Dengan Return Type
32. Belajar Typescript #32 | Mendeklarasikan Fungsi - Sebagai Variabel
33. Belajar Typescript #33 | Mendeklarasikan Fungsi - Sebagai Tipe Data
34. Belajar Typescript #34 | Function Call Signature
35. Belajar Typescript #35 | Menerapkan Types ke dalam class
36. Belajar Typescript #36 | Class declaration
37. Belajar Typescript #37 | Properties dan Methods
38. Belajar Typescript #38 | Object dan Properti dari sebuah class
39. Belajar Typescript #39 | Constructor
40. Belajar Typescript #40 | Konsep OOP - Inheritance
41. Belajar Typescript #41 | Konsep OOP - Abstraction
42. Belajar Typescript #42 | Konsep OOP - Encapsulation
43. Belajar Typescript #43 | Accessors
44. Belajar Typescript #44 | Member visibility / Access modifier
Ahmad Dika Zulfahmi - 18 Februari 2025
Jungler Tank Bisa Kembali? Update yang Bisa Membawa Jungler Tank ke Meta Lagi
Ahmad Dika Zulfahmi - 06 Februari 2025
Setting Sensitivitas Auto Headshot Free Fire Terbaik
Ahmad Dika Zulfahmi - 03 Februari 2025
Flash Sale Minaplay! Top Up Diamond Free Fire Murah & Cepat!