JavaScript类型系统之布尔Boolean类型详解
2019/6/27 22:18:44
本文主要是介绍JavaScript类型系统之布尔Boolean类型详解,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
前面的话
布尔值Boolean类型可能是三种包装对象Number、String和Boolean中最简单的一种。Number和String对象拥有大量的实例属性和方法,Boolean却很少。从某种意义上说,为计算机设计程序就是与布尔值打交道,作为最基本的事实,所有的电子电路只能识别和使用布尔数据。本文将介绍布尔Boolean类型
定义
布尔Boolean类型表示逻辑实体,它只有两个值,保留字true和false,分别代表真和假这两个状态
Boolean包装类型是与布尔值对应的引用类型,在布尔表达式中使用Boolean对象容易造成误解
var b1 = true; var b2 = new Boolean(true); console.log(b1,typeof b1);//true 'boolean' console.log(b2,typeof b2);//Boolean{[[PrimitiveValue]]: true} 'object' console.log(b1.valueOf(), typeof b1.valueOf());//true 'boolean' console.log(b2.valueOf(), typeof b2.valueOf());//true 'boolean'
应用场景
布尔类型主要应用于如下场景:
【1】条件和循环语句
布尔值主要应用于条件和循环语句的条件部分。比如,if语句中,如果布尔值为true执行第一段逻辑,如果为false执行另一段逻辑。通常将一个创建布尔值的比较直接与使用这个比较的语句结合在一起
if(a > 1){ //条件为true时,执行此处 }else{ //条件为false时,执行此处 }
【2】逻辑运算符
逻辑运算符又叫布尔运算符。逻辑非运算符总是返回布尔值,而逻辑或和逻辑与操作并非如此
同时使用一个逻辑非操作符,可以将类型转换为布尔型
console.log(!!1);//true console.log(!!0);//false console.log(!!' ');//true console.log(!!'');//false
【3】关系运算符
关系运算符用于测试两个值之间的关系,根据关系是否存在而返回true或false,关系表达式总是返回一个布尔值,通常在if、while或for语句中使用关系表达式,用以控制程序的执行流程
console.log( 1 > 2);//false console.log( 1 < 2);//true
转为布尔
将一个值转为布尔值可使用Boolean()转型函数
假值
转换成false的值称为假值(falsy value),这7个值包括undefined、null、+0、-0、NaN、false、""(空字符串)
console.log(Boolean(undefined));//false console.log(Boolean(null));//false console.log(Boolean(0));//false console.log(Boolean(-0));//false console.log(Boolean(NaN));//false console.log(Boolean(''));//false console.log(Boolean(false));//false
[注意]在Number()方法中空字符串和空白字符串都转换为0,而在Boolean方法中,空字符串""转换为false,而空白字符串" "转换为true
console.log(Number(''));//0 console.log(Number(' '));//0 console.log(Boolean(''));//false console.log(Boolean(' '));//true
除了这7个假值外,其他的值转换为布尔值都是true,也称为真值(truthy value)
[注意]所有对象(包括空对象)的转换结果都是true,甚至连false对应的布尔对象new Boolean(false)也是true
console.log(Boolean({}));//true console.log(Boolean([]));//true console.log(Boolean(new Boolean(false)));//true console.log(Boolean(false));//false console.log(Boolean(new Boolean(null)));//true console.log(Boolean(null));//false
实例方法
Boolean对象是与布尔值对应的包装类型,继承了Object对象的通用方法toString()、toLocaleString()、valueOf()这三个方法
【toString()】
toString()方法返回Boolean的字符串值('true'或'false')
【toLocaleString()】
toLocaleString()方法返回Boolean的字符串值('true'或'false')
【valueOf()】
valueOf()方法返回Boolean的原始布尔值(true或false)
console.log(true.valueOf());//true console.log(true.toString());//'true' console.log(true.toLocaleString());//'true' console.log(Boolean(false).valueOf());//false console.log(Boolean(false).toString());//'false' console.log(Boolean(false).toLocaleString());//'false'
以上所述是小编给大家介绍的JavaScript类型系统之布尔Boolean类型详解的全部叙述,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!
这篇关于JavaScript类型系统之布尔Boolean类型详解的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-23Vue新手入门教程:从零开始学习Vue框架
- 2024-11-23如何集成Ant Design Vue的图标
- 2024-11-23如何集成Ant Design Vue图标
- 2024-11-23使用vue CLI快速搭建Vue项目教程
- 2024-11-23Vue CLI多环境配置简单教程
- 2024-11-23Vue3入门教程:轻松搭建你的第一个Vue3应用
- 2024-11-23Vue3+Vite快速上手指南
- 2024-11-23Vue3阿里系UI组件入门指南
- 2024-11-23Vue3的阿里系UI组件入门指南
- 2024-11-23Vue3公共组件入门教程