一、JavaScript 的布尔转换规则概述

在 JavaScript 中，以下两种情况会触发值的布尔转换：

• 显式转换：使用
  1. Boolean(value)

  复制代码
  或者
  1. !!value

  复制代码
  进行强制转换。
  
• 隐式转换：在逻辑运算、条件判断（如
  1. if (value) {}

  复制代码
  ）、三元运算符（
  1. condition ? trueValue : falseValue

  复制代码
  ）等场景下发生。
  

所有值在转换为布尔类型时，最终都会变成

1. true

复制代码

或

1. false

复制代码

。JavaScript 将值分为 “真值（truthy）” 和 “假值（falsy）” 两类。

二、假值（Falsy）详解

在 JavaScript 中，以下 7 种值被认为是 falsy，即它们在布尔上下文中会被转换为

1. false

复制代码

：

• 1. false

  复制代码
  —— 布尔值
  1. false

  复制代码
  本身。
  
• 1. 0

  复制代码
  、
  1. -0

  复制代码
  、
  1. 0n

  复制代码
  —— 数值 0，包括
  1. BigInt

  复制代码
  的 0。
  
• 1. ""

  复制代码
  、
  1. ''

  复制代码
  、``（空字符串）—— 任何形式的空字符串。
  
• 1. null

  复制代码
  —— 代表“空值”。
  
• 1. undefined

  复制代码
  —— 代表“未定义”值。
  
• 1. NaN

  复制代码
  —— “非数值”（Not a Number）。
  
• 1. document.all

  复制代码
  （在旧浏览器环境中）—— 特殊对象，在
  1. if

  复制代码
  语句中会被当作
  1. false

  复制代码
  （现代代码中基本不会用到）。
  

示例代码：

1. console.log(Boolean(false));  // false
   
2. console.log(Boolean(0));      // false
   
3. console.log(Boolean(-0));     // false
   
4. console.log(Boolean(0n));     // false
   
5. console.log(Boolean(""));     // false
   
6. console.log(Boolean(null));   // false
   
7. console.log(Boolean(undefined)); // false
   
8. console.log(Boolean(NaN));    // false

复制代码

三、真值（Truthy）详解

除了 falsy 之外的所有值，都会被视为 truthy，即在布尔转换时会变成

1. true

复制代码

。常见的 truthy 值包括：

• 所有非零数字（正数、负数、Infinity）
  
• 所有非空字符串
  
• 所有对象和数组
  
• 1. true

  复制代码
  
  
• 非零
  1. BigInt

  复制代码
  
  
• 1. Symbol

  复制代码
  
  
• 函数
  

示例代码：

1. console.log(Boolean(42));     // true
   
2. console.log(Boolean(-1));     // true
   
3. console.log(Boolean(3.14));   // true
   
4. console.log(Boolean(Infinity)); // true
   
5. console.log(Boolean("hello")); // true
   
6. console.log(Boolean("false")); // true
   
7. console.log(Boolean([]));      // true
   
8. console.log(Boolean({}));      // true
   
9. console.log(Boolean(() => {})); // true
   
10. console.log(Boolean(Symbol("symbol"))); // true
    
11. console.log(Boolean(1n));      // true

复制代码

即使是 空数组（

1. []

复制代码

）和空对象（

1. {}

复制代码

）也是 truthy，这一点在某些场景下可能会导致意外的逻辑错误。

1. if ({}) {
   
2.   console.log("对象是 truthy"); // 这行代码会执行
   
3. }
   
4. 
   
5. if ([]) {
   
6.   console.log("数组是 truthy"); // 这行代码也会执行
   
7. }

复制代码

四、特殊值的布尔转换解析


1. null 和 undefined

这两个值都被视为

1. falsy

复制代码

，意味着它们在逻辑判断中会被当作

1. false

复制代码

处理：

1. console.log(Boolean(null));   // false
   
2. console.log(Boolean(undefined)); // false
   
3. 
   
4. if (!null) {
   
5.   console.log("null 是 falsy"); // 这行代码会执行
   
6. }

复制代码

2. NaN

1. NaN

复制代码

代表“非数值”，它在布尔转换中会被当作

1. false

复制代码

处理：

1. console.log(Boolean(NaN)); // false

复制代码

3. 数字 0 vs. 其他数值

所有

1. 0

复制代码

相关的值（

1. 0

复制代码

、

1. -0

复制代码

、

1. 0n

复制代码

）都会转换为

1. false

复制代码

，但其他数值（包括

1. Infinity

复制代码

和

1. -Infinity

复制代码

）都为

1. true

复制代码

。

1. console.log(Boolean(0));     // false
   
2. console.log(Boolean(-0));    // false
   
3. console.log(Boolean(0n));    // false
   
4. console.log(Boolean(1));     // true
   
5. console.log(Boolean(-100));  // true
   
6. console.log(Boolean(Infinity)); // true

复制代码

4. 空字符串 vs. 非空字符串

空字符串

1. ""

复制代码

是

1. falsy

复制代码

，但任何非空字符串（包括

1. "false"

复制代码

）都是

1. truthy

复制代码

。

1. console.log(Boolean(""));     // false
   
2. console.log(Boolean(" "));    // true
   
3. console.log(Boolean("false")); // true
   
4. console.log(Boolean("0"));    // true

复制代码

这里

1. "0"

复制代码

是

1. truthy

复制代码

，而

1. 0

复制代码

是

1. falsy

复制代码

，这可能会导致意外的逻辑错误。

1. if ("0") {
   
2.   console.log('"0" 是 truthy'); // 这行代码会执行
   
3. }
   
4. 
   
5. if (0) {
   
6.   console.log("0 是 falsy"); // 这行代码不会执行
   
7. }

复制代码

5. 空数组 [] 和 空对象 {}

所有对象（包括空对象和空数组）都是 truthy，这一点在 JavaScript 中可能会导致 bug。例如：

1. if ({}) {
   
2.   console.log("{} 是 truthy"); // 这行代码会执行
   
3. }
   
4. 
   
5. if ([]) {
   
6.   console.log("[] 是 truthy"); // 这行代码会执行
   
7. }

复制代码

五、实际应用场景


1. 条件判断

在

1. if

复制代码

语句中，JavaScript 会自动进行布尔转换，因此可以直接使用变量作为条件：

1. const name = "Alice";
   
2. if (name) {
   
3.   console.log("变量 name 是 truthy");
   
4. }

复制代码

2. 短路运算

使用

1. &&

复制代码

和

1. ||

复制代码

时，JavaScript 会根据布尔转换规则决定表达式的返回值。

1. console.log("Hello" && "World"); // "World"（因为 "Hello" 是 truthy）console.log("" || "Default");   // "Default"（因为 "" 是 falsy）

复制代码

3. !! 强制转换为布尔值

在需要显式转换为

1. true

复制代码

或

1. false

复制代码

时，可以使用

1. !!

复制代码

。

1. const value = "hello";
   
2. console.log(!!value); // true

复制代码

六、总结

• JavaScript 将值分为 truthy 和 falsy，在逻辑运算中会自动转换。
  
• 7 种 falsy 值：
  1. false

  复制代码
  、
  1. 0

  复制代码
  、
  1. -0

  复制代码
  、
  1. ""

  复制代码
  、
  1. null

  复制代码
  、
  1. undefined

  复制代码
  、
  1. NaN

  复制代码
  。
  
• 其他所有值（非零数字、非空字符串、对象、数组、
  1. Symbol

  复制代码
  、函数等）都是 truthy。
  
• 空数组
  1. []

  复制代码
  和空对象
  1. {}

  复制代码
  也是 truthy，在布尔逻辑中要小心误判。
  
• 使用
  1. !!value

  复制代码
  或
  1. Boolean(value)

  复制代码
  进行显式转换，避免隐式转换带来的潜在问题。
  

以上就是JavaScript其他类型的值转换为布尔值的规则详解的详细内容，更多关于JavaScript其他值转布尔类型的资料请关注脚本之家其它相关文章！

来源：https://www.jb51.net/javascript/340020c9h.htm
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！