在JavaScript中将值转换为布尔值的2种方法

我最喜欢的是使用 !!。这也是 Airbnb 的 JavaScript 样式指南推荐的方法。

Boolean(value);

!!value;

将值转换为布尔值

String 字符串

const string = 'string';

!!string; // true
Boolean(string); // true

Number 数字

const number = 100;

!!number; // true
Boolean(number); // true

Falsy Values - 虚值（是在 Boolean 上下文中认定为 false 的值）

在 JavaScript 中，有 7 个 Falsy Values。如果将其中任何一个转换为布尔值，它将返回 false。

false //  false 关键字
undefined //undefined - 原始值
null //null - 缺少值
NaN //NaN - 非数值
0 //数值 zero
"" //空字符串
0n //当 BigInt 作为布尔值使用时, 遵从其作为数值的规则. 0n 是 falsy 值

任何不在上述的虚值里的，都会返回 true ?

例子

!! 用于虚值

!!false; // false
!!undefined; // false
!!null; // false
!!NaN; // false
!!0; // false
!!''; // false
!!0n; //false

Boolean 用于虚值

Boolean(false); // false
Boolean(undefined); // false
Boolean(null); // false
Boolean(NaN); // false
Boolean(0); // false
Boolean(''); // false
Boolean(0n); //false

!! 的工作原理

第一个 ! 将值强制为布尔值并将其取反。在这种情况下，!value 将返回 false。因此，要将其恢复为 true，我们可以再加上一个 !。因此具有双 !!。

const value = 'string';

!value; // false
!!value; // true

注意'false'

const value = 'false';

!!value; // true
Boolean(value); // true

注意 "false" 引号之间的 '。虽然说 false，但实际上是一个字符串 ?。

!! 和 Boolean() 的性能测试

!! 比 Boolean 会稍微快一点点~ 点击这里查阅测试。

避免 new Boolean

var str = 'str';

// Avoid
typeof new Boolean(str); // object

// Preferred
typeof Boolean(str); // boolean
typeof !!str; // boolean

奇淫巧技：使用布尔构造函数移除空字符串

如果您得到一个由逗号分隔的字符串值列表，并希望筛选出空字符串，则可以将布尔构造函数函数传递到 Array.prototype.filter 中，它将自动剔除零长度字符串，只留下有效字符串数组。

var str = 'some,list,,of,values';
var arr = str.split(',');

arr; // [ 'some', 'list', '', 'of', 'values' ]
arr.filter(Boolean); // [ 'some', 'list', 'of', 'values' ]