JavaScript 真值与假值：完整列表

每个值都有自己的布尔倾向

JavaScript 允许你把任何值放在需要布尔值的地方：if 里面、while 的条件中、&& 或 || 旁边。这时这个值会被转换成 true 或 false。转换为 false 的值叫作假值（falsy），其他所有值都是真值（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");

不需要转换函数，也不需要显式转型，JavaScript 会自动完成。规则是固定的，而且很少，所以只要知道了假值列表，其他情况都能推出来。

完整的假值列表

正好有八个值是假值。语言中其他一切都是真值。

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

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

就这些。列表如下：

• false：布尔值本身。
• 0 和 -0：两个零。
• 0n：BigInt 零。
• ""：空字符串（单引号、双引号或反引号都一样）。
• null：表示“有意为空”的值。
• undefined：表示“尚未设置”的值。
• NaN：像 0 / 0 这样的无效运算的结果。

记住这八个。以后遇到拿不准的值，就问自己：“它是这八个之一吗？”如果不是，它就是真值。

意外情况："0"、[] 和 {}

初学者在这里最容易栽跟头。很多值看起来是空的，其实是真值：

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

字符串只有在一个字符都没有时才是假值。"0" 有一个字符，所以是真值。数组和对象永远是真值，即使是空的也一样，因为 JavaScript 把它们当作对象，而所有对象不管里面有什么都是真值。

如果你是从 Python 转过来的，这是最需要转变的观念。在 Python 中，[] 和 {} 是假值；在 JavaScript 中不是。

正确地判断“空”

因为 [] 和 {} 是真值，你不能直接把它们放进 if 来判断是否为空。要写得明确一些：

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");

字符串也一样，如果你想把只包含空白的字符串视为空：

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

真值与假值是一种方便的简写，但它不能代替你去思考“空”对你的数据意味着什么。

转换成真正的布尔值

有时你需要真正的 true 或 false，而不只是一个“像真值”的值。有两种惯用写法：

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) 是显式转换。!!x 是同一件事的简写：第一个 ! 把值转换成布尔值并取反，第二个 ! 再翻转回来。两种都很常见。!! 更短，Boolean() 更易读。

在函数需要返回一个干净布尔值的 return 语句中，你会经常看到 !!：

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

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

&& 和 || 中的真值与假值

逻辑运算符返回的不是 true 或 false，而是其中一个操作数。返回哪一个，取决于真假：

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

这就是为什么 value || defaultValue 是设置默认值的常用写法。但它有一个陷阱：它把所有假值一视同仁，包括 0 和 ""，而它们常常是有效的输入：

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

如果你只想在值为 null 或 undefined 时使用默认值，请改用空值合并运算符 ??。它有单独的文档介绍。

速查表

// 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

打印出来，贴在显示器上，然后就可以继续往下学了。

下一节：迭代器与生成器

掌握了条件语句和循环之后，下一章我们来看 JavaScript 如何让值按需生成。迭代器和生成器是 for...of、展开语法和许多现代 API 背后的机制，接下来就讲它们。