Kali ini, saya akan membahas tentang truthy falsy dalam JavaScript, salah satu konsep dasar yang harus kamu pahami jika kamu ingin belajar bahasa pemrograman web yang satu ini. Truthy falsy adalah nilai-nilai yang bisa diubah menjadi boolean true atau false saat ditemui dalam konteks yang membutuhkan nilai boolean, seperti if statement atau while loop. Truthy falsy bisa membantu kamu membuat web yang lebih interaktif, dinamis, dan responsif. Yuk, simak penjelasan dan contoh truthy falsy dalam JavaScript berikut ini!

Apa itu Truthy Falsy?

Truthy falsy adalah nilai-nilai yang bisa diubah menjadi boolean true atau false saat ditemui dalam konteks yang membutuhkan nilai boolean, seperti if statement atau while loop. Nilai boolean adalah nilai yang hanya bisa bernilai true atau false, dan digunakan untuk mengevaluasi kondisi atau logika.

JavaScript memiliki tujuh nilai yang selalu falsy, yaitu:

• false, yaitu nilai boolean false itu sendiri.

• 0, yaitu angka nol, baik bilangan bulat maupun desimal.

• -0, yaitu angka minus nol, yang merupakan hasil dari operasi aritmatika tertentu.

• 0n, yaitu BigInt nol, yang merupakan tipe data untuk angka yang sangat besar.

• '', "", atau ```, yaitu string kosong, yang tidak berisi karakter apapun.

• null, yaitu nilai yang menunjukkan tidak ada atau tidak ada nilai.

• undefined, yaitu nilai yang menunjukkan belum ada atau belum ada nilai.

• NaN, yaitu nilai yang menunjukkan Not a Number, yang merupakan hasil dari operasi aritmatika yang tidak valid.

Semua nilai lainnya adalah truthy, yaitu bisa diubah menjadi boolean true. Beberapa contoh nilai truthy adalah:

• true, yaitu nilai boolean true itu sendiri.

• '0', yaitu string yang berisi angka nol. String yang berisi karakter apapun selain string kosong adalah truthy.

• 1, yaitu angka positif maupun negatif selain nol dan minus nol. Angka yang berisi bilangan bulat atau pecahan adalah truthy.

• 1n, yaitu BigInt positif maupun negatif selain nol. BigInt yang berisi angka yang sangat besar adalah truthy.

• Infinity atau -Infinity, yaitu nilai yang menunjukkan tak terhingga positif atau negatif, yang merupakan hasil dari operasi aritmatika tertentu.

• {}, yaitu objek kosong, yang tidak berisi properti atau metode apapun. Objek yang berisi properti atau metode apapun juga adalah truthy.

• [], yaitu array kosong, yang tidak berisi elemen apapun. Array yang berisi elemen apapun juga adalah truthy.

• function() {}, yaitu fungsi kosong, yang tidak berisi pernyataan atau ekspresi apapun. Fungsi yang berisi pernyataan atau ekspresi apapun juga adalah truthy.

Bagaimana Cara Menggunakan Truthy Falsy?

Untuk menggunakan truthy falsy, kamu harus mengetahui bagaimana JavaScript mengubah nilai menjadi boolean secara otomatis. JavaScript akan mengubah nilai menjadi boolean saat ditemui dalam konteks yang membutuhkan nilai boolean, seperti:

• If statement, yaitu struktur kontrol yang digunakan untuk membuat percabangan atau pengkondisian dalam program. If statement akan mengecek kondisi yang diberikan, dan jika kondisi tersebut bernilai true, maka blok kode yang ada di dalam kurung kurawal { ... } setelah if akan dijalankan. Jika kondisi tersebut bernilai false, maka program akan melanjutkan ke bagian else if atau else, jika ada. Contoh:

// Menggunakan if statement
let name = 'Mirza'; // variabel name dengan nilai 'Mirza'
if (name) {
// kondisi
console.log('Hello, ' + name + '!'); // blok kode jika kondisi bernilai true
} else {
console.log('Hello, stranger!'); // blok kode jika kondisi bernilai false
}

Kode di atas akan menampilkan Hello, Mirza!, karena variabel name berisi string ‘Mirza’, yang merupakan nilai truthy. Jika variabel name berisi string kosong, yang merupakan nilai falsy, maka kode di atas akan menampilkan Hello, stranger!.

• While loop, yaitu struktur kontrol yang digunakan untuk membuat perulangan atau iterasi dalam program. While loop akan mengecek kondisi yang diberikan, dan jika kondisi tersebut bernilai true, maka blok kode yang ada di dalam kurung kurawal { ... } setelah while akan dijalankan berulang-ulang, sampai kondisi tersebut bernilai false. Contoh:

// Menggunakan while loop
let i = 1; // variabel i dengan nilai 1
while (i <= 5) {
// kondisi
console.log(i); // blok kode jika kondisi bernilai true
i++; // menambahkan 1 ke i
}

Kode di atas akan menampilkan angka 1 sampai 5, karena variabel i berisi angka yang lebih kecil atau sama dengan 5, yang merupakan nilai truthy. Jika variabel i berisi angka yang lebih besar dari 5, yang juga merupakan nilai truthy, maka kode di atas akan menjadi infinite loop, yaitu perulangan yang tidak pernah berhenti.

• Logical operators, yaitu operator yang digunakan untuk mengevaluasi atau menggabungkan nilai boolean. Logical operators terdiri dari:

&&, yaitu operator AND, yang akan menghasilkan true jika kedua operandnya bernilai true, dan false jika salah satu atau kedua operandnya bernilai false.

||, yaitu operator OR, yang akan menghasilkan true jika salah satu atau kedua operandnya bernilai true, dan false jika kedua operandnya bernilai false.

!, yaitu operator NOT, yang akan menghasilkan true jika operandnya bernilai false, dan false jika operandnya bernilai true.

Contoh:

// Menggunakan logical operators
let x = true; // variabel x dengan nilai true
let y = false; // variabel y dengan nilai false
console.log(x && y); // false
console.log(x || y); // true
console.log(!x); // false
console.log(!y); // true

Mengapa Truthy Falsy Penting?

Truthy falsy adalah salah satu konsep dasar yang sangat penting dalam pemrograman. Dengan menggunakan truthy falsy, kamu bisa:

• Membuat program yang bisa beradaptasi dengan situasi yang berbeda-beda, dengan memilih blok kode yang sesuai dengan kondisi yang ada.

• Membuat kode yang lebih rapi, mudah dibaca, dan mudah dimodifikasi, dengan menggunakan truthy falsy yang tepat dan konsisten.

• Membuat web yang lebih interaktif, dinamis, dan responsif, dengan menggunakan truthy falsy untuk mengubah konten, gaya, dan perilaku halaman web sesuai dengan kondisi yang ada.

Penutup

Nah, itu dia penjelasan dan contoh tentang truthy falsy dalam JavaScript. Semoga kamu bisa mengerti dan tertarik untuk mempelajari lebih lanjut tentang bahasa pemrograman web yang keren ini.

JavaScript bisa membantu kamu membuat web yang interaktif, dinamis, dan responsif, dengan menggunakan truthy falsy untuk membuat percabangan atau pengkondisian dalam program.