javascript布尔值的转换与条件判断

2024-06-11 00:40| 来源: 网络整理| 查看: 265

js中数据转Boolean类型是非常重要的一点，不弄懂js中的Boolean类型，容易在逻辑判断中出现问题，无论是vue里面的v-if还是js中的if判断，都会经常进行各种类型数据转Boolean

转换规则

js中0 ‘’(空字符串) null undefined NaN 都会转换成false，其他数据都会转化成true

转换方法 Boolean() 这是显示转换的方法，这种方法实际用到的情况比较少 let test=2; console.log(Boolean(test)); 在if条件语句中隐式转换(三元运算、v-if等) if会强制通过ToBoolean计算表达式实际js代码中用到这种情况是最多的！经常会通过判断一个数字是否是0，字符串有没有赋值，数组有没有数据来写js代码！

数字0是false，其他数字是true

let test=1; if(test){ console.log('1 is true'); }else{ console.log('1 is false'); }//1 is true test=0; if(test){ console.log('0 is true'); }else{ console.log('0 is false'); }// 0 is false

空字符换是false，其他字符串是true

let test=''; console.log(test?'empty is true':'empty is false');//empty is false test='false'; console.log(test?'str false is true':'empty is false');//str false is true

注意：空数组是true，对象也是true，一般都用空数组的length来判断数组有没有数据！

let testArr=[]; console.log(testArr?'emptyArr is true':'emptyArr is false');//emptyArr is true //常用写法 if(testArr.length){ console.log('testArr has value'); }else{ console.log('testArr doesnt have value'); }//testArr doesnt have value

null undefined NaN也可以自行测试

let test=null; console.log(test?'null is true':'null is false');//null is false 用!!隐式转换这种用法比第一种用法用的更多，因为写起来比较快捷简单 let test='test'; console.log(!!test);//true 写法规范

在js中写Boolean和判断相关的代码时，都会要求遵循一定的编码规范，例如：

用===判断来代替==，能用全等的地方永远用全等而不要用== 因为===会先判断数据类型，数据类型不同直接返回false 而==会先进行数据转换同理推荐使用!==而不是!= 例如 console.log('0'==0);//true console.log('0'===0);//false

比较运算符==的比较规则如下：

基本上就是

undefined等于undefined undefined等于nullNaN不等于任何甚至不等于另一个NaN除了上述类型有数字优先转数字都是对象保证引用同一对象，否则将对象转ToPrimitive再对比在if中判断字符串和数组有没有值，要采用简写写成if(val)和if(arr.length) 而不是if(val!=='')和if(arr.length>0)

【本文地址】

公司简介

联系我们