2018-04-09

学习笔记 -- JavaScript if条件及相等运算中的数据转换

1. if(xx) 语句中数据类型的转换

我们知道if语句条件需要一返回一个布尔值，如下所示：

if (true) {
  console.log('hello');
}

运行结果如下：

那如果我们在if语句的条件中传入其它的数据类型，会怎样呢？比如像下面的代码会输出什么？

if ("hello") {
  console.log('hello');
}

现在，判断条件变成了一个字符串，那是怎么判断的呢？请看运行结果。

可以看到，它仍然输出了"hello"，也就是说条件仍然为真。
为什么一个字符串会变成布尔值呢？这就是if判断中条件的数据类型转换。

如果if语句的条件是非布尔类型，JavaScript会自动将数据转换为布尔类型的数据。
它的转换规则相对简单：除了以下五个值的转换结果为false，其他的值全部为true。

undefined
null
+0或-0
NaN
''(空字符串)

我们来验证一下：

以上代码输出结果为"world"，可见判断条件为false。再接着往下看：

这里有个问题需要注意，先看下面的代码。

这跟上面一个好像是相同的，但是结果却不一样。这是因为条件中字符串内有一个空格，空格也算字符所以它不是一个空字符串。

我们再看一下其它数据类型的转换。

通过实际验证，除了上面所列的5种，其它数据均转换为true.

---

2. 相等运算(==)中的数据类型转换

相等运算符用来比较相同类型的数据时，仅比较其是否相等。
比较不同类型的数据时，相等运算符会先将数据进行类型转换，然后再用严格相等运算符比较，转换时相当于调用Number函数。类型转换规则如下。

• 原始类型数据
  原始类型的数据会转换成数值类型再进行比较。

  
  
  
  

• 对象
  Number方法的参数是对象时，将返回NaN，除非是包含单个数值的数组。

  
  

以上为自已学习中的理解，欢迎批评指正。

---

参考：
http://javascript.ruanyifeng.com/grammar/conversion.html#toc7