JavaScript中Boolean类型的实现示例

 更新时间:2026年02月24日 09:28:36   作者:橘朵  
本文主要介绍了JavaScript中Boolean类型的实现示例,布尔值的两个字面值true和false,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

Boolean(布尔值)类型有两个字面值:true和false。 这两个布尔值不同于数值,因此 true 不等于 1,false 不等于 0。

虽然布尔值只有两个,但所有其他类型的值都有相应布尔值的等价形式,可以调用特定的Boolean() 转型函数:

let message = "Hello world!"; 
let messageAsBoolean = Boolean(message);

Boolean()转型函数可以在任意类型的数据上调用,而且始终返回一个布尔值。

下面是不同类型与布尔值之间的转换规则:

数据类型Truthy(真值)Falsy(假值)
Booleantruefalse
String非空字符串""(空字符串)
Number非零数值(包括无穷值)0、-0、NaN
Object任意对象,包括空数组 []和空对象 {}null
UndefinedN/A(不存在)undefined

直接赋值

最直接的方式。

let isActive = true;
let isLoading = false;

通过表达式

比较或逻辑运算的结果是布尔值。

let isGreater = 5 > 3; // true
let isEqual = (10 === "10"); // false
let logicResult = (5 > 3) && (4 <= 4); // true

显式转换

使用 Boolean()函数或双重非运算符 !!。

// 使用 Boolean() 函数
console.log(Boolean("Hello")); // true (非空字符串是 truthy)
console.log(Boolean(0)); // false (0 是 falsy)
console.log(Boolean({})); // true (空对象是 truthy)

// 使用 !! 运算符,效果相同但更简洁
console.log(!!"Hello"); // true
console.log(!!0); // false

不建议使用Boolean构造函数(通过 new关键字):

// 创建原始布尔值
let primitiveTrue = true;
// 创建 Boolean 对象
let objectTrue = new Boolean(true);

console.log(typeof primitiveTrue); // "boolean"
console.log(typeof objectTrue); // "object"

// 即使包装的对象值为 false,其本身作为对象在条件判断中仍为 true
let objectFalse = new Boolean(false);
if (objectFalse) {
  console.log("This will be executed."); // 这行会被执行
}

布尔值的应用

//条件判断:控制代码分支。
let isLoggedIn = true;
if (isLoggedIn) {
  console.log("Welcome back!");
} else {
  console.log("Please log in.");
}

//循环控制:决定循环是否继续执行。
let count = 0;
while (count < 5) { // 条件为 true 时循环继续
  console.log(count);
  count++;
}

//函数返回:函数常用布尔值返回操作结果或状态检查。
function isAdult(age) {
  return age >= 18;
}
let canVote = isAdult(20); // true

//数据过滤:例如,结合数组的 filter方法快速过滤出有效项。
const mixedArray = [1, 0, "hello", "", null, 42];
const truthyValues = mixedArray.filter(Boolean); // [1, "hello", 42]
// Boolean 函数作为回调,会自动过滤掉所有 falsy 值

到此这篇关于JavaScript中Boolean类型的实现示例的文章就介绍到这了,更多相关JavaScript Boolean类型内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • JavaScript中DOM上的尺寸及位置属性

    JavaScript中DOM上的尺寸及位置属性

    DOM是JavaScript中的一个重要概念,它是一种编程接口,使得开发人员可以使用HTML和XML文档,这篇文章主要介绍了JavaScript中DOM上尺寸及位置属性的相关资料,需要的朋友可以参考下
    2025-08-08
  • JavaScript canvas实现雪花随机动态飘落

    JavaScript canvas实现雪花随机动态飘落

    这篇文章主要为大家详细介绍了JavaScript canvas实现雪花随机动态飘落,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-02-02
  • js简单实现删除记录时的提示效果

    js简单实现删除记录时的提示效果

    删除记录时的提示效果,挺人性化的,实现的方法有很多,在本文为大家介绍下使用js是如何实现的
    2013-12-12
  • js中undefined该怎么判断浅析

    js中undefined该怎么判断浅析

    可能很多朋友认为undefined是在js中未定义变量时才会提示的错误,其实不然undefined 是js中的一特殊的变量,我们也可以提前定义哦,下面这篇文章主要给大家介绍了关于js中undefined该怎么判断的相关资料,需要的朋友可以参考下
    2023-04-04
  • JS实现太极旋转思路分析

    JS实现太极旋转思路分析

    本文主要对JS实现太极旋转的思路进行分析,步骤清晰,简短的文字,深入的理解。需要的朋友可以看下
    2016-12-12
  • js密码强度检测

    js密码强度检测

    这篇文章主要介绍了js密码强度检测的相关资料,并给出了详细代码,需要的朋友可以参考下
    2016-01-01
  • JavaScript继承的三种方法实例

    JavaScript继承的三种方法实例

    这篇文章主要给大家介绍了关于JavaScript继承的三种方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-05-05
  • Bootstrap树形控件使用方法详解

    Bootstrap树形控件使用方法详解

    这篇文章主要为大家详细介绍了Bootstrap树形控件使用方法,感兴趣的小伙伴们可以参考一下
    2016-01-01
  • 原生Javascript实现五角星评分

    原生Javascript实现五角星评分

    这篇文章主要为大家详细介绍了原生Javascript实现五角星评分,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-09-09
  • js中鼠标滚轮事件详解(firefox多浏览器)

    js中鼠标滚轮事件详解(firefox多浏览器)

    之前js 仿Photoshop鼠标滚轮控制输入框取值中已使用js对鼠标滚轮事件进行控制,滚轮事件其中考虑浏览器兼容性问题
    2010-02-02

最新评论