Nilai Truthy dan Falsy JavaScript: Daftar Lengkapnya

Setiap nilai punya sifat boolean

JavaScript membolehkanmu menaruh nilai apa pun di tempat yang mengharapkan boolean: di dalam if, sebagai kondisi while, di samping && atau ||. Saat itu terjadi, nilainya dikonversi menjadi true atau false. Nilai yang dikonversi menjadi false disebut falsy. Selebihnya truthy.

if ("hello") console.log("strings are truthy");
if (42) console.log("nonzero numbers are truthy");
if ([]) console.log("empty arrays are truthy");
if ({}) console.log("empty objects are truthy");

if (!0) console.log("zero is falsy");
if (!"") console.log("empty string is falsy");

Tanpa fungsi konversi, tanpa cast eksplisit: JavaScript melakukannya secara otomatis. Aturannya tetap dan sedikit, jadi begitu kamu tahu daftar falsy-nya, semua kasus lain mengikuti.

Daftar lengkap nilai falsy

Tepat delapan nilai yang falsy. Selebihnya dalam bahasa ini truthy.

const falsyValues = [false, 0, -0, 0n, "", null, undefined, NaN];

for (const v of falsyValues) {
    console.log(v, "->", Boolean(v));
}

Itu saja. Daftarnya:

• false: boolean itu sendiri.
• 0 dan -0: kedua bentuk nol.
• 0n: nol BigInt.
• "": string kosong (tanda kutip tunggal, ganda, atau backtick, semuanya sama).
• null: nilai "sengaja kosong".
• undefined: nilai "belum diatur".
• NaN: hasil perhitungan yang tidak valid seperti 0 / 0.

Hafalkan kedelapan ini. Lalu untuk nilai apa pun yang membuatmu ragu, tanyakan: "apakah ini salah satu dari kedelapan itu?" Kalau bukan, berarti truthy.

Kejutannya: "0", [], dan {}

Di sinilah pemula sering tersandung. Banyak nilai yang terlihat kosong tapi truthy:

console.log(Boolean("0"));       // true - it's a non-empty string
console.log(Boolean("false"));   // true - still a non-empty string
console.log(Boolean(" "));       // true - a space counts
console.log(Boolean([]));        // true - empty array is an object
console.log(Boolean({}));        // true - empty object is an object
console.log(Boolean(new Date()));// true

String hanya falsy saat panjangnya nol karakter. "0" punya satu karakter, jadi truthy. Array dan object selalu truthy, bahkan yang kosong, karena JavaScript memperlakukannya sebagai object, dan semua object truthy apa pun isinya.

Kalau kamu datang dari Python, inilah perubahan cara berpikir terbesar. Di Python, [] dan {} falsy. Di JavaScript, tidak.

Mengecek "kosong" dengan cara yang benar

Karena [] dan {} truthy, kamu tidak bisa memakainya langsung di if untuk mengecek apakah kosong. Tulis secara eksplisit:

const items = [];
const user = {};

// Wrong - always runs:
if (items) console.log("items has stuff");

// Right:
if (items.length === 0) console.log("items is empty");
if (Object.keys(user).length === 0) console.log("user has no fields");

Sama halnya dengan string, kalau kamu ingin string yang hanya berisi whitespace dianggap kosong:

const input = "   ";
if (input) console.log("truthy, but not really useful");
if (input.trim() === "") console.log("actually empty");

Truthy/falsy adalah singkatan yang praktis, bukan pengganti untuk memikirkan apa arti "kosong" bagi datamu.

Mengubah ke boolean sungguhan

Kadang kamu ingin true atau false yang sebenarnya, bukan sekadar nilai yang kira-kira truthy. Ada dua idiom:

const name = "Rosa";

console.log(Boolean(name));  // true
console.log(!!name);         // true

const empty = "";
console.log(Boolean(empty)); // false
console.log(!!empty);        // false

Boolean(x) adalah konversi eksplisit. !!x adalah hal yang sama dalam bentuk singkat: ! pertama mengonversi ke boolean dan membaliknya, ! kedua membaliknya kembali. Keduanya umum. !! lebih pendek; Boolean() lebih jelas dibaca.

Kamu akan sering melihat !! di pernyataan return saat sebuah fungsi harus mengembalikan boolean yang bersih:

function hasItems(arr) {
    return !!arr && arr.length > 0;
}

console.log(hasItems([1, 2]));   // true
console.log(hasItems([]));        // false
console.log(hasItems(null));      // false

Truthy/falsy dengan && dan ||

Operator logika tidak mengembalikan true atau false: mereka mengembalikan salah satu operand-nya. Mana yang dikembalikan bergantung pada sifat truthy-nya:

console.log("a" && "b");       // "b"  - both truthy, returns the last
console.log(0 && "b");         // 0    - short-circuits on the falsy one
console.log("" || "fallback"); // "fallback" - first is falsy, returns the second
console.log("hi" || "fallback");// "hi" - first is truthy, returns it

Itulah kenapa value || defaultValue jadi pola yang sangat umum untuk nilai default. Tapi ada jebakannya: ia memperlakukan semua nilai falsy sama, termasuk 0 dan "", yang sering kali input yang sah:

function greet(name) {
    const who = name || "stranger";
    console.log("Hello, " + who);
}

greet("Ada");   // Hello, Ada
greet("");      // Hello, stranger - but maybe "" was intentional?
greet(0);       // Hello, stranger - and 0 might be a valid id

Kalau kamu hanya ingin beralih ke nilai cadangan untuk null atau undefined, pakai operator nullish coalescing ??. Itu dibahas di dokumennya sendiri.

Rujukan singkat

// Falsy - all eight:
Boolean(false);     // false
Boolean(0);         // false
Boolean(-0);        // false
Boolean(0n);        // false
Boolean("");        // false
Boolean(null);      // false
Boolean(undefined); // false
Boolean(NaN);       // false

// Truthy - everything else:
Boolean("0");       // true
Boolean("false");   // true
Boolean([]);        // true
Boolean({});        // true
Boolean(() => {});  // true
Boolean(Infinity);  // true
Boolean(-Infinity); // true

Cetak, tempel di monitormu, lalu lanjutkan hidupmu.

Berikutnya: iterator dan generator

Setelah kamu menguasai percabangan dan perulangan, bab berikutnya membahas bagaimana JavaScript membuat nilai bisa menghasilkan dirinya sendiri sesuai permintaan. Iterator dan generator adalah mesin di balik for...of, spread, dan banyak API modern, dan keduanya dibahas berikutnya.