懵逼小课堂,&& 和 || 让你从不懂到懂!!!

接着来说说哪些懵逼的事儿


懵逼小课堂,&& 和 || 让你从不懂到懂!!!_第1张图片
timg.jpg

新的课程,新的方法,请问你是不是又懵逼了呢?我已经跳出这个怪圈了,那么你们,如果没有的话,一起来看看不让你懵逼的那些事儿!
布尔运算符 && 和 ||的返回结果不一定是布尔值!由此来展开一定的研究及理解。

1.首先先介绍下常见的数据类型转化为bool后的值。

(常用地方)在if表达式中,javascript先把条件表达式转换成bool值再进行判断

懵逼小课堂,&& 和 || 让你从不懂到懂!!!_第2张图片
image

2.下面来介绍下逻辑与&& 逻辑非|| 的运算后的返回结果

逻辑与 &&

懵逼小课堂,&& 和 || 让你从不懂到懂!!!_第3张图片
image

由上面结果可以看出。逻辑与&&中,当左侧表达式为 真值,结果则返回右侧表达式;当左侧表达式为 假值,结果则返回左侧表达式;

也就是

            var i="真值" && "任意值" ;=> i结果为任意值
            var i="假值" &&  "任意值"; => i 结果为左侧假值  //假值包括 null false 0 undefined 空字符串

逻辑或 ||

懵逼小课堂,&& 和 || 让你从不懂到懂!!!_第4张图片
image

由上面结果可以看出。逻辑或||中,当左侧表达式为 真值,结果则返回左侧表达式;当左侧表达式为 假值,结果则返回右侧表达式;

   var i="真值" || "任意值" ;=> i结果为’真值’ //真值包括 object  function 0之外的数字 字符串

   var i="假值" ||  "任意值"; => i 结果为‘任意值’

未完待续。。。。
解决一切懵逼同学的各种问题!

懵逼小课堂,&& 和 || 让你从不懂到懂!!!_第5张图片
timg.jpg

你可能感兴趣的:(懵逼小课堂,&& 和 || 让你从不懂到懂!!!)