Mengatasi Masalah Nilai Null atau Undefined pada JavaScript dengan Operator Nullish Coalescing

Ngulik Kode - Nullish coalescing adalah fitur baru yang diperkenalkan pada ECMAScript 2020, yang merupakan spesifikasi resmi dari bahasa pemrograman JavaScript. Fitur ini sangat membantu dalam menangani nilai-nilai null atau undefined dalam sebuah ekspresi.


Sebelum adanya nullish coalescing, developer harus melakukan pengecekan nilai null atau undefined secara manual, dan memberikan nilai default ketika nilai tersebut ditemukan.


Contoh:



Pada contoh di atas, variabel `name` memiliki nilai `null`, sehingga nilai `username` menjadi "anonymous" karena operator || mengembalikan nilai kedua jika nilai pertama bernilai falsy.


Namun, operator || tidak selalu dapat digunakan dengan baik ketika kita ingin memeriksa nilai null atau undefined. Contohnya, ketika kita ingin memberikan nilai default ketika variabel memiliki nilai 0 atau '' (empty string). Contoh:



Pada contoh di atas, nilai `maxHeight` menjadi 100 karena nilai `height` adalah 0 yang merupakan nilai falsy.


Dalam kasus seperti ini, operator nullish coalescing (??) dapat digunakan. Operator ?? mengembalikan nilai kedua jika nilai pertama adalah `null` atau `undefined`. Contoh:



Pada contoh di atas, nilai `maxHeight` menjadi 0 karena nilai `height` bukan null atau undefined.


Dengan menggunakan operator nullish coalescing, developer dapat lebih mudah menangani nilai-nilai null atau undefined dengan lebih akurat. Kita juga dapat menggunakan operator nullish coalescing bersamaan dengan operator ternary untuk memberikan nilai default yang berbeda-beda tergantung pada nilai variabel. Contoh:



Pada contoh di atas, kita melakukan pengecekan terhadap nilai `name` untuk memastikan bahwa nilainya bukan null atau undefined. Jika nilainya adalah null atau undefined, kita memberikan nilai default "anonymous". Cara yang lebih sederhana untuk melakukan hal ini adalah dengan menggunakan operator nullish coalescing. Contoh:



Pada contoh di atas, nilai `username` menjadi "anonymous" karena nilai `name` adalah `null`.


Selain memberikan nilai default, operator nullish coalescing juga dapat digunakan untuk mengakses properti atau nilai dari objek yang mungkin null atau undefined. Contoh:



Pada contoh di atas, kita menggunakan operator nullish coalescing untuk memberikan nilai default pada properti `age` yang bernilai null.


Kesimpulannya, operator nullish coalescing merupakan fitur baru pada JavaScript yang dapat membantu developer dalam menangani nilai null atau undefined dengan lebih akurat. Developer tidak perlu lagi melakukan pengecekan nilai secara manual dan memberikan nilai default. Dengan nullish coalescing, kita dapat menentukan nilai default hanya ketika nilai variabel benar-benar null atau undefined.

0 comments

Posting Komentar