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

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

转换规则

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

转换方法

1. Boolean()
   这是显示转换的方法，这种方法实际用到的情况比较少

	let test=2;
	console.log(Boolean(test));

2. 在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

3. 用!!隐式转换
   这种用法比第一种用法用的更多，因为写起来比较快捷简单

let test='test';
console.log(!!test);//true

写法规范

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

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

    console.log('0'==0);//true
    console.log('0'===0);//false

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

基本上就是

• undefined等于undefined undefined等于null
• NaN不等于任何 甚至不等于另一个NaN
• 除了上述类型有数字优先转数字
• 都是对象保证引用同一对象，否则将对象转ToPrimitive再对比

• 在if中判断字符串和数组有没有值，要采用简写
  写成if(val)和if(arr.length)
  而不是if(val!=='')和if(arr.length>0)