if判断和相等运算符

2018-06-09  本文已影响0人  初入前端的小菜鸟

if条件判断

if (条件)
{
当条件为 true 时执行的代码
}
else
{
当条件不为 true 时执行的代码
}

而在if条件中是6种由数据类型 : 数值、字符串、布尔值、对象、undefined和null以及其中出现的运算符组成,根据运算规则对条件进行运算,但是最终的运算结果需要转换成布尔值,然后再进行判断TRUE还是FALSE,再执行代码。

原理:

类型 结果
Undefined false
Null false
Boolean 直接判断
Number +0, −0, 或者 NaN 为 false, 其他为 true
String 空字符串为 false,其他都为 true
Object true

示例:

 1 // 题目1:如下代码输出什么?
 2 if ("hello") {
 3     console.log("hello")
 4 } //true
 5 
 6 // 题目2:如下代码输出什么?
 7 if ("") {
 8     console.log('empty')
 9 }//false
10 
11 // 题目3:如下代码输出什么?
12 if (" ") {
13     console.log('blank')
14 }//true
15 // 题目4:如下代码输出什么?
16 if ([0]) {
17     console.log('array')
18 }//true
19 
20 if('0.00'){
21   console.log('0.00')
22 }//true
23 
24 if(+0.00){
25    console.log('haha')
26 }//false +转换为数字
27 
28 if([]){
29    console.log('haha')
30 }//turn

==判断

==在比较相同类型的数据时,和===是一样的结果。不同的数据类型===会直接返回false,而==则不一样,有如下的规则

原始类型的值
原始类型的数据会转换成数值类型再进行比较。
对象与原始类型值比较
对象(这里指广义的对象,包括数组和函数)与原始类型的值比较时,对象转化成原始类型的值,再进行比较。
undefined 和 null
undefined和null与其他类型的值比较时,结果都为false,它们互相比较时结果为true。
示例:

"" == true // false,空字符转为数值是0
"5" == 5 // true
"str" == 5 // false,"str"转换为数值是NaN
"NaN" == NaN // false,NaN不等于任何数值
[] == false // true, [].valueOf()仍返回[], [].toString返回""空字符串
[0] == true // false, 这什么鬼
["0.00"] == true // false

相等运算符的缺点

相等运算符隐藏的类型转换,会带来一些违反直觉的结果。

'' == '0'           // false
0 == ''             // true
0 == '0'            // true

false == 'false'    // false
false == '0'        // true

false == undefined  // false
false == null       // false
null == undefined   // true

建议尽量不要使用相等运算符

===严格运算符

严格运算符的运算规则如下,
(1)不同类型值
如果两个值的类型不同,直接返回false。

(2)同一类的原始类型值
同一类型的原始类型的值(数值、字符串、布尔值)比较时,值相同就返回true,值不同就返回false。

(3)同一类的复合类型值
两个复合类型(对象、数组、函数)的数据比较时,不是比较它们的值是否相等,而是比较它们是否指向同一个对象。

(4)undefined和null
undefined 和 null 与自身严格相等。

null === null  //true
undefined === undefined  //true
上一篇 下一篇

猜你喜欢

热点阅读