Boolean 转整数的几种方法

在前端开发中，我们有时需要将布尔值转换为整数。比如，我们可能需要将 true 转换为 1，false 转换为 0。这篇文章将介绍几种实现方式。

方法一：使用 Number() 函数

const boolValue = true;
const intValue = Number(boolValue); // intValue 的值为 1

Number() 函数可以将任何类型的值转换为数字类型。当传入布尔值时，true 会被转换为 1，false 会被转换为 0。

方法二：使用 + 运算符

const boolValue = false;
const intValue = +boolValue; // intValue 的值为 0

• 运算符可以将任何类型的值转换为数字类型。当传入布尔值时，true 会被转换为 1，false 会被转换为 0。

方法三：使用三目运算符

const boolValue = true;
const intValue = boolValue ? 1 : 0; // intValue 的值为 1

三目运算符可以根据条件返回不同的值。当传入的布尔值为 true 时，返回 1，否则返回 0。

方法四：使用位运算符

const boolValue = true;
const intValue = boolValue | 0; // intValue 的值为 1

位运算符可以将任何类型的值转换为整数。当传入布尔值时，true 会被转换为 1，false 会被转换为 0。

总结

以上四种方法都可以将布尔值转换为整数。在实际开发中，我们可以根据具体场景选择最合适的方式。需要注意的是，在使用位运算符时，可能会出现意外的结果，因此建议谨慎使用。

希望这篇文章能够对你有所帮助！

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/28839