javascript 数据类型转换

左手的ㄟ右手 2022-12-18 04:55 105阅读 0赞

### 数据类型转换 ###

*  转为`boolean`
    
     *  假值（[js布尔值为false的6种情况][js_false_6]）
    
    <table> 
     <thead> 
      <tr> 
       <th>值</th> 
       <th>类型</th> 
       <th>备注</th> 
      </tr> 
     </thead> 
     <tbody> 
      <tr> 
       <td><code>undefined</code></td> 
       <td>undefined</td> 
       <td>未定义</td> 
      </tr> 
      <tr> 
       <td><code>null</code></td> 
       <td>object</td> 
       <td>空</td> 
      </tr> 
      <tr> 
       <td><code>0</code>、<code>-0</code></td> 
       <td>number</td> 
       <td></td> 
      </tr> 
      <tr> 
       <td><code>NaN</code></td> 
       <td>number</td> 
       <td>Not a Number(无法计算结果时出现)</td> 
      </tr> 
      <tr> 
       <td><code>""</code>、<code>''</code></td> 
       <td>string</td> 
       <td>空串</td> 
      </tr> 
     </tbody> 
    </table>
    
     *  真值：其他情况为真值（空数组、负值…）
     *  转换
    
        // 1. 使用 Boolean()
        Boolean('');			// false
        
        // 2. 使用 !!
        !!'';					// false
 *  转为`number`

1.  `Number()`
    
    <table> 
     <thead> 
      <tr> 
       <th>值</th> 
       <th>转换</th> 
      </tr> 
     </thead> 
     <tbody> 
      <tr> 
       <td><code>undefined</code></td> 
       <td><code>NaN</code></td> 
      </tr> 
      <tr> 
       <td><code>null</code></td> 
       <td><code>0</code></td> 
      </tr> 
      <tr> 
       <td><code>true</code>, <code>false</code></td> 
       <td><code>1</code>, <code>0</code></td> 
      </tr> 
      <tr> 
       <td>string</td> 
       <td>字符串首尾空白清空后，转为数值或NaN</td> 
      </tr> 
     </tbody> 
    </table>
    
        let str = '123';		// string '123'
        
        // 1. 使用Number
        Number(str);			// number 123
        
        // 2. 使用算术运算符 +
        +str;					// number 123
        
        // 3. 使用算术运算符 /
        str/1;					// number 123
        str/'1';				// number 123
        
        // 4. 使用位运算符 ~~
        ~~str;					// number 123
2.  `parseInt()`, `parseFloat`: 从字符串开头开始解析出数字，若字符串第一个字符不为数字，则返回 `NaN`
    
        parseInt('123');	// 123
        parseInt('1A');		// 1
        parseInt('1A', 16);	// 26
        parseInt('AA');		// NaN
        parseFloat();		// 解析小数

*  转为`string`
    
     *  转换
    
        // 1. 使用String()
        String(123);			// string '123'
        
        // 2. 拼接空串
        123 + '';				// string '123'

[js_false_6]: https://blog.csdn.net/SJ1551/article/details/106975793