`truthy` dan `falsy` dalam JavaScript

Artikel ini menerangkan tentang truthy dan falsy dalam JavaScript.

YouTube Video

truthy dan falsy dalam JavaScript

Konsep truthy dan falsy dalam JavaScript memainkan peranan yang sangat penting, terutamanya dalam penilaian pernyataan bersyarat. Truthy dan falsy menentukan sama ada sesuatu nilai dinilai sebagai benar (true) atau palsu (false), tetapi nilai-nilai ini tidak semestinya boolean true atau false itu sendiri.

Nilai Falsy

Nilai Falsy merujuk kepada nilai-nilai yang dinilai sebagai false dalam pernyataan bersyarat JavaScript. Berikut adalah senarai nilai falsy dalam JavaScript.

 1const values = [
 2    false,
 3    0,
 4    -0,
 5    0.0,
 6    -0.0,
 7    0n,
 8    -0n,
 9    "",
10    null,
11    undefined,
12    NaN
13];
14
15for (let value of values) {
16    if (value) {
17        console.log(`${value} is truthy`);
18    } else {
19        console.log(`${value} is falsy`);
20    }
21}

Dalam contoh ini, semua nilai falsy akan dipaparkan sebagai "falsy". Berikut adalah senarai nilai falsy dalam JavaScript.

• false — false dalam jenis Boolean
• 0 — Nombor sifar (desimal 0.0 juga falsy)
• -0 — Sifar negatif (secara teknikal berbeza dari 0, tetapi masih falsy)
• 0n — Sifar dalam jenis BigInt
• "" — Teks kosong dengan panjang 0
• null — Tiada nilai yang wujud
• undefined — Nilai yang tidak ditakrifkan
• NaN — Bukan nombor

Nilai-nilai ini dianggap sebagai false dalam operasi logik dan pernyataan bersyarat (seperti pernyataan if).

Nilai Truthy

Semua nilai yang bukan falsy adalah truthy. Ini merujuk kepada nilai-nilai yang dinilai sebagai boolean true. Dalam JavaScript, banyak nilai dianggap sebagai truthy.

 1const values = [
 2    true,
 3    1,
 4    -1,
 5    "Hello",
 6    " ",
 7    [],
 8    {},
 9    function() {},
10    Symbol(),
11    Infinity
12];
13
14for (let value of values) {
15    if (value) {
16        console.log(value, ' is truthy');
17    } else {
18        console.log(value, ' is falsy');
19    }
20}

Dalam kod ini, nilai truthy akan dikeluarkan sebagai "truthy". Sebagai contoh, nilai berikut adalah truthy.

• true — true dalam jenis Boolean
• Nombor (selain daripada 0) — Sebagai contoh, 1 dan -1 juga adalah truthy.
• String (tidak kosong) — sebagai contoh, "Hello" atau " " (malah string dengan hanya ruang kosong juga adalah truthy)
• Objek — Malah objek kosong ({}) dan array ([]) juga adalah truthy.
• Fungsi — Fungsi itu sendiri juga adalah truthy.
• Symbol — Nilai jenis Symbol juga adalah truthy.
• Infinity — Kedua-dua infiniti positif dan negatif adalah truthy.

Aplikasi truthy dan falsy

Konsep truthy dan falsy sering digunakan dalam keadaan bersyarat dan operasi logik. Sebagai contoh, apabila menetapkan nilai lalai menggunakan operator || (logical OR), nilai truthy pertama akan dipulangkan sebagai hasil.

Cara untuk menyemak nilai falsy

Untuk menyemak nilai falsy, fungsi Boolean adalah berguna. Fungsi Boolean secara eksplisit menukar nilai yang diberikan kepada jenis boolean.

Contoh fungsi Boolean

 1const values = [
 2    false,
 3    0,
 4    "",
 5    null,
 6    undefined,
 7    NaN
 8];
 9
10for (let value of values) {
11    console.log(`${value} is ${Boolean(value) ? 'truthy' : 'falsy'}`);
12}

Kesimpulan

Truthy dan falsy dalam JavaScript adalah penting untuk memahami bagaimana nilai bukan boolean dinilai dalam ungkapan bersyarat. Nilai falsy termasuk false, 0, string kosong, null, undefined, dan NaN, manakala semua nilai lain dinilai sebagai truthy. Memahami konsep ini membolehkan anda menulis kod yang lebih fleksibel dan cekap.

Anda boleh mengikuti artikel di atas menggunakan Visual Studio Code di saluran YouTube kami. Sila lihat juga saluran YouTube kami.

YouTube Video