IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> JavaScript Boolean数据类型 强制转换 结合逻辑非 双重逻辑非判断 -> 正文阅读

[JavaScript知识库]JavaScript Boolean数据类型 强制转换 结合逻辑非 双重逻辑非判断

目录

1. Boolean()方法 强制转化

1.1 不同数据类型

1.2 五个必定布尔值是false的情况

1.3 基于五个特殊情况结合逻辑非判断


1. Boolean()方法 强制转化

1.1 不同数据类型

        // 1. 布尔值
        console.log(Boolean(false));  // false
        console.log(Boolean(true)); // true
        // 2. 数字
        console.log(Boolean(1)); // true
        console.log(Boolean(2)); // true
        console.log(Boolean(0));  // false
        console.log(Boolean(NaN));  // false
        // 3. 字符串
        console.log(Boolean(''));  // false
        console.log(Boolean('123')); // true
        // 4. 对象
        var obj = { name: 123 };
        console.log(Boolean(obj)); // true
        console.log(Boolean(null));  // false
        // 5. 数组    
        console.log(Boolean([])); // true
        console.log(Boolean([1, 2, 3])); // true
        // 6. undefined
        console.log(Boolean(undefined));  // false

1.2 五个必定布尔值是false的情况

        console.log(Boolean(undefined));  // false
        console.log(Boolean(0));  // false
        console.log(Boolean(''));  // false
        console.log(Boolean(null));  // false
        console.log(Boolean(NaN));  // false

1.3 基于五个特殊情况结合逻辑非判断

结合String,Boolean,Number,对空字符,空数组,0,空对象进行的布尔判断

        // 1.1 空字符强制转化
        // console.log('------------------------');
        // console.log(String("")); // 空字符串
        // console.log(Boolean("")); // false
        // console.log(Number("")); // 0

        // 1.2 逻辑运算符!与空字符串
        // console.log('------------------------');
        // console.log(!Boolean("")); // true 空字符布尔是0
        // console.log(!String("")); // true 因为 String("")是空字符,Boolean("")是false,再取反
        // console.log(!Number("")); // true 因为 Number("")是0,布尔是false,再取反

        // 1.3 逻辑运算符!!与空字符串
        // console.log('------------------------');
        // console.log(!!String("")); // false
        // console.log(!!Boolean("")); // false
        // console.log(!!Number("")); // false

        // 2.1 空数组与强制转换
        // console.log('------------------------');
        // console.log(Boolean([]));  // true
        // console.log(String([])); // 空
        // console.log(Number([])); // 0

        // 2.2 逻辑运算符!与空数组
        // console.log('------------------------');
        // console.log(!Boolean([])); // false,[]的布尔型是true,再取反
        // console.log(!String([])); // true String([])是空字符串布尔型是false,再取反
        // console.log(!Number([])); // true Number([])是0布尔型是false,再取反

        // 2.3 逻辑运算符!!与空数组
        // console.log('------------------------');
        // console.log(!!Boolean([])); // true
        // console.log(!!String([])); // false
        // console.log(!!Number([])); // false


        // 3.1 强制转换 0
        // console.log('------------------------');
        // console.log(String(0); // 0【数据类型是字符型】
        // console.log(Number(0)); // 0【数据类型是数字型】
        // console.log(Boolean(0)); // false

        // 3.3 逻辑运算符! 与0
        // console.log('------------------------');
        // console.log(!Boolean(0)); // true
        // console.log(!String(0)); // false 字符串0的布尔型是true,再取反
        // console.log(!Number('')); // true 数字0的布尔型是false,再取反

        // 3.3 逻辑运算符!! 与0
        // console.log('------------------------');
        // console.log(!!Boolean(0)); // false
        // console.log(!!String(0)); // true
        // console.log(!!Number(0)); // false


        // 4.1 空对象
        // console.log('-----------------');
        // console.log(Boolean({})); // true
        // console.log(Number({})); // NaN
        // console.log(String({})); // [object Object] 是一个字符串

        // 4.2 逻辑运算符! 与null
        // console.log('------------------------');
        // console.log(!Boolean({})); // false
        // console.log(!Number({})); // true NaN的布尔是false,再取反就是true
        // console.log(!String({})); // false 字符串0的布尔型是true,再取反

        // 4.3 逻辑运算符! 与null
        // console.log('------------------------');
        // console.log(!!Boolean({})); // true
        // console.log(!!Number({})); // false 
        // console.log(!!String({})); // true 

注:

1. 这里本来应该放在逻辑运算符单独拿来里解析,但是因为都是涉及最终的布尔值的判断,所以希望测试清楚。

2. 本着原则,如果判断布尔型,那么null,undefined,数字0【不是字符0】,NaN,空字符【空值啥也不写】五个的布尔都是false

3. 注意,Number()或者是Number('')输出都是0,布尔值判断都是false。

4. String(0)输出的是字符串0,布尔值是true。但是Boolean(String())和Boolean(String(''))都是false,都是空

5. 建议上面的测试,不是死记硬背,而是着重理解。比如2.2的空数组测试,数组是空的,不符合上面的五个false的情况,布尔值就是true,加个!,那么就是false了

结尾:

学习id: 201903090124-

现在是大三学生,学习到了vue阶段,如有不对的地方,欢迎指正,一起努力呀。如有转载请注明出处

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-12-11 15:37:53  更:2021-12-11 15:38:57 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 8:47:09-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码