JS之数据类型转换

迈不过友情╰ 2021-11-11 22:42 299阅读 0赞

## JS的七种数据类型 ##

JavaScript（以下简称js）的数据类型共有七种：

*  Number
 *  String
 *  Boolean
 *  Null
 *  Undefined
 *  Object
 *  Symbol

以上数据类型又分为两种:

1.  基本类型，指ECMAscript的五种简单数据类型，分别是Number，String，Boolean，Undefined，Null。和ES6中新增加的Symbol类型
2.  引用类型，指广义下的Object，而Object类型下，又有着Array类型和function类型，他们也是引用类型

--------------------

## 一、转换成Number ##

任意基础类型转换成Nmuber类型，有`Number()`，`parseInt()`和`parsefloat()`三种方法

1， `Number()`

下面列出各种类型转换成Number类型之后的值

> Number（""） //空字符串  
> // 0  
> Number（“你好”) //字符串“你好”  
> // NaN  
> Number（true) //布尔值true  
> // 1  
> Number（false) //布尔值false  
> // 0  
> Number（null)  
> // 0  
> Number（undefined)  
> // NaN  
> Number（\{\}) //空对象  
> // NaN  
> Number（\[\]) //空数组  
> // 0  
> Number（function()\{\}）//函数  
> //NaN

2，`parseInt()`

该方法会把传入数字取整，例如：

> var num=12.3  
> parseInt(num) //12

如果传入的值为字符串，且开头是数字，则先转换成数字，再取整数，若开头非数字，则直接显示NaN

> var num=“123.333aaa”  
> parseInt(num) //123
> 
> var num=“aaa123.333”  
> parseInt(num) //NaN

3，`parseFloat()`

该方法可以把字符串转换成浮点数，若非数字开头，则会返回NaN

> var num=“123.333aaa”  
> parseFloat(num) //123.33
> 
> var num=“aaa123.333”  
> parseFloat(num) //NaN

--------------------

## 二、转换成String ##

任意基础类型转换成String类型，有`String()`，`.toString()`和 *隐式转换* 三种方法

1、 `String()`

`String()`方法可以把任何内容转换成字符串，无论其是否为null或者undefined

2、`.toString()`

`.toString()`方法是用要转换成字符串的值临时调用object.toString()，该方法并不能转换null和undefined，会提示未找到属性。  
![在这里插入图片描述][20190806180841239.png]3、隐式转换  
任意基础类型的值如果加上一个空字符串，则会被转换成字符串，该方法等同于String（），可转换任意基础类型的值。

## 三、转换成Boolean ##

虽然有`Boolean()`方法，但是通常不会直接用该方法来实现类型转换，在条件判断中，除以下五种值以外，其他类型的值在判断中始终为true，分别是：

*  空字符串 “”
 *  NaN
 *  数字0
 *  undefined
 *  null

[20190806180841239.png]: /images/20211109/dffacab450e14ddda4fa9c1a7d278f33.png