JavaScript常见类型转换

我就是我 2022-12-03 01:36 132阅读 0赞

<table> 
 <thead> 
  <tr> 
   <th>值</th> 
   <th>转换为<br>字符串</th> 
   <th>转换为<br>数字</th> 
   <th>转换为<br>布尔值</th> 
   <th>转换为<br>对象</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>undefined</td> 
   <td>“undefined”</td> 
   <td>NaN</td> 
   <td>false</td> 
   <td>throws TypeError</td> 
  </tr> 
  <tr> 
   <td>null</td> 
   <td>“null”</td> 
   <td>0</td> 
   <td>false</td> 
   <td>throws TypeError</td> 
  </tr> 
  <tr> 
   <td></td> 
   <td></td> 
   <td></td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>true</td> 
   <td>“true”</td> 
   <td>1</td> 
   <td></td> 
   <td>new Boolean(true)</td> 
  </tr> 
  <tr> 
   <td>false</td> 
   <td>“false”</td> 
   <td>0</td> 
   <td></td> 
   <td>new Boolean(false)</td> 
  </tr> 
  <tr> 
   <td></td> 
   <td></td> 
   <td></td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>“”(空字符串)</td> 
   <td></td> 
   <td>0</td> 
   <td><strong>false</strong></td> 
   <td>new String("")</td> 
  </tr> 
  <tr> 
   <td>“1.2”(非空，数字）</td> 
   <td></td> 
   <td>1.2</td> 
   <td>true</td> 
   <td>new String(“1.2”)</td> 
  </tr> 
  <tr> 
   <td>“one”(非空，非数字）</td> 
   <td></td> 
   <td>NaN</td> 
   <td>true</td> 
   <td>new String(“one”)</td> 
  </tr> 
  <tr> 
   <td></td> 
   <td></td> 
   <td></td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>0</td> 
   <td>“0”</td> 
   <td></td> 
   <td><strong>false</strong></td> 
   <td>new Number(0)</td> 
  </tr> 
  <tr> 
   <td>-0</td> 
   <td>“0”</td> 
   <td></td> 
   <td><strong>false</strong></td> 
   <td>new Number(-0)</td> 
  </tr> 
  <tr> 
   <td>NaN</td> 
   <td>“NaN”</td> 
   <td></td> 
   <td><strong>false</strong></td> 
   <td>new Number(NaN)</td> 
  </tr> 
  <tr> 
   <td>Infinity</td> 
   <td>“Infinity”</td> 
   <td></td> 
   <td>true</td> 
   <td>new Number(Infinity)</td> 
  </tr> 
  <tr> 
   <td>- Infinity</td> 
   <td>“-Infinity”</td> 
   <td></td> 
   <td>true</td> 
   <td>new Number(-Infinity)</td> 
  </tr> 
  <tr> 
   <td>1(无穷大，非零）</td> 
   <td>“1”</td> 
   <td></td> 
   <td>true</td> 
   <td>new Number(1)</td> 
  </tr> 
  <tr> 
   <td></td> 
   <td></td> 
   <td></td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>{}(任意对象)</td> 
   <td></td> 
   <td></td> 
   <td>true</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>[]（任意数组）</td> 
   <td>“”</td> 
   <td>0</td> 
   <td>true</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>[9](1个数字元素）</td> 
   <td>“9”</td> 
   <td>9</td> 
   <td>true</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>[‘a’]（其他数组）</td> 
   <td>使用join()方法</td> 
   <td>NaN</td> 
   <td>true</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>function(){}(任意函数）</td> 
   <td></td> 
   <td>NaN</td> 
   <td>true</td> 
   <td></td> 
  </tr> 
 </tbody> 
</table>

# 字符串转换为数字 #

*  以数字表示的字符串可以转换为数字，允许在开始和结尾处带有空格。
 *  但在开始和结尾处的任意空格都不会被当成数字直接量的一部分，进而造成字符串转换为数字的结果为NaN.

# 转换和相等性 #

下面的比较结果均是true:

null == undefined	// 这两值被认为相等
    "0" == 0			// 在比较之前字符串转换成数字
    0 == false			// 在比较之前布尔值转换成数字
    "0" == false		// 在比较之前字符串和布尔值都转换成数字

**Notes**:

*  一个值转换为另一个值并不意味着两个值相等。
    
        undefined == false // false
    
    "=="运算符从不试图将其操作数转换为布尔值
 *  “===“恒等运算符在判断相等时不做任何类型变换