前端JavaScript-day02 数据类型转换

最新推荐文章于 2025-08-12 17:37:13 发布

原创最新推荐文章于 2025-08-12 17:37:13 发布 · 516 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

二月专栏收录该内容

7 篇文章

订阅专栏

本文深入探讨JavaScript中数据类型转换的细节，包括数字、字符串、布尔类型等的相互转换，以及parseInt、parseFloat和Number函数的区别与用法。通过具体实例，帮助读者理解不同类型间的转换规则。

1. 数据类型转换

Number 数字类型
String 字符串类型
Boolean 布尔类型
undefined 未定义类型
null 空类型

其他类型转为 Number

Number（）
String
纯数字 23 23
数字开头10px NaN
其他类型的字符串张S NaN

Boolean类型转为Number类型  
   true转为1    
    false转为0 
null类型转为Number类型       
       都转为0
undefined转为Number类型      
            NaN 
tring类型转为Number类型 
             纯数字的字符串     
              数字开头的字符串   
              其他字符串
Boolean
    true  1
     false    0

     undefined
         NaN

         null   
         0

parselnt(): 将其他类转为整数类型

var num1 = parseInt("12.3abc");  // 返回12，如果第一个字符是数字会解析知道遇到非数字结束 
var num2 = parseInt("abc123");   // 返回NaN，如果第一个字符不是数字或者符号就返回NaN

parseFloat(): 将其他类型转为浮点数

parseFloat()把字符串转换成浮点数 
  parseFloat()和parseInt非常相似，不同之处在与 
  parseFloat会解析第一个. 遇到第二个.或者非数字结束     
  如果解析的内容里只有整数，解析成整数

异同点：parselnt()和 Number()

   parselnt()  100px    ------》  100
   Number()   100px  -------》  100.1

转为数值类型

Number()   number 类型
100px     -------》   NaN
"张三"  ------》  NaN
100 -------》100


parseFloat()
					'100.1px' ---->100.1
					'100.1px' ---->100.1
parseInt()
			      100.1px  ---100
      				"张三"   ----NaN

## 转为字符串
```javascript
String(num)   什么都可以转
num.toString()    不可以转undefined和 null

转为布尔类型

Boolean（）
			0 -0 ""  null undefined NaN false  转为false
   				 其他的全部转为true