Skip to content

Commit

Permalink
update: 数据类型转换
Browse files Browse the repository at this point in the history
  • Loading branch information
qianguyihao committed Dec 12, 2019
1 parent 13bb765 commit 1b8068c
Show file tree
Hide file tree
Showing 2 changed files with 33 additions and 31 deletions.
3 changes: 2 additions & 1 deletion 04-JavaScript基础/03-变量的数据类型.md
Original file line number Diff line number Diff line change
Expand Up @@ -206,7 +206,7 @@ console.log(str6);

## 数值型:Number

在JS中所有的数值都是Number类型,包括整数和浮点数(小数)。
在JS中所有的数值都是 Number 类型,包括整数和浮点数(小数)。

```javascript
var a = 100; // 定义一个变量 a,并且赋值整数100
Expand All @@ -224,6 +224,7 @@ number
number
```

再次补充:在 JS 中,只要是数,就是 Number 数值型的。无论整浮、浮点数(即小数)、无论大小、无论正负,都是 Number 类型的。

### 数值范围

Expand Down
Original file line number Diff line number Diff line change
@@ -1,16 +1,16 @@
## 前言

**数据类型转换**:将一种数据类型转换为另外一种数据类型。
**变量的数据类型转换**:将一种数据类型转换为另外一种数据类型。

通常有三种类型的转换
通常有三种形式的类型转换

- 转换为字符串类型

- 转换为数字型

- 转换为布尔型

你会把某个数据类型转换成 null 或者 undefined 吗?不会,因为这样做,没有意义。
你会专门把某个数据类型转换成 null 或者 undefined 吗?不会,因为这样做,没有意义。

## typeof 运算符

Expand Down Expand Up @@ -40,11 +40,9 @@ typeof 这个运算符的返回结果就是变量的类型。那返回结果的
| typeof null | object |
| typeof undefined | undefined |

备注 1:在 JavaScript 中,只要是数,就是 number 数值型的。无论整浮、浮点数(即小数)、无论大小、无论正负,都是 number 类型的
备注 1:为啥 `typeof null`的返回值也是 object 呢?因为 null 代表的是**空对象**

备注 2:为啥 `typeof null`的返回值也是 object 呢?因为 null 代表的是**空对象**

备注 3:`typeof NaN`的返回值是 number,上一篇文章中讲过,NaN 是一个特殊的数字。
备注 2:`typeof NaN`的返回值是 number,上一篇文章中讲过,NaN 是一个特殊的数字。

**返回结果举例**

Expand Down Expand Up @@ -90,18 +88,19 @@ console.log(type {}); // 空对象的打印结果:object

### 隐式类型转换(特殊)

- 逻辑运算符:`&&``||``` 。非布尔值进行**与或**运算时,会先将其转换为布尔值,然后再运算,但返回结果是**原值**。具体可以看下一篇文章《运算符》。

- 关系运算符:`<``>` `<=` `>=`等。关系运算符,得到的结果都是布尔值:要么是true,要么是false。具体可以看下一篇文章《运算符》。
- 逻辑运算符:`&&``||``` 。非布尔值进行**与或**运算时,会先将其转换为布尔值,然后再运算,但运算结果是**原值**。具体可以看下一篇文章《运算符》。

- 关系运算符:`<``>` `<=` `>=`等。关系运算符,得到的运算结果都是布尔值:要么是true,要么是false。具体可以看下一篇文章《运算符》。

针对上面这两种类型转换,下面来详细介绍
针对上面这两种类型转换,这篇文章来详细介绍

## 其他的简单类型 --> String

### 方法一:变量+"" 或者 变量+"abc"
### 方法一:字符串拼接

格式:变量+"" 或者 变量+"abc"

举例如下
举例

```javascript
var a = 123; // Number 类型
Expand All @@ -113,7 +112,7 @@ console.log(a + 'haha'); // 转换成 String 类型

### 方法二:调用 toString()方法

举例如下
语法

```javascript
变量.toString()
Expand All @@ -136,27 +135,27 @@ console.log(a); // 11111111
console.log(typeof a); // string
```

### 方法三:使用 String()函数
### 方法三(强制转换):使用 String()函数

格式如下
语法

```javascript
String(变量)
```

使用 String()函数做强制类型转换时:

- 对于 Number 和 Boolean 而言,实际上就是调用 toString()方法。
- 对于 Number 和 Boolean 而言,本质上就是调用 toString()方法。

- 但是对于 null 和 undefined,就不会调用 toString()方法。它会将 null 直接转换为 "null"。将 undefined 直接转换为 "undefined"。
- 但是对于 null 和 undefined,则不会调用 toString()方法。它会将 null 直接转换为 "null"。将 undefined 直接转换为 "undefined"。

### prompt():用户的输入

我们在 JS 基础的第一篇里,就讲过,`prompt()`就是专门用来弹出能够让用户输入的对话框。重要的是:用户不管输入什么,都是字符串
我们在 JS 基础的第 01 篇里,就讲过,`prompt()`就是专门用来弹出能够让用户输入的对话框。重要的是:用户不管输入什么,都当字符串处理

## 其他的数据类型 --> Number
## 其他的数据类型 --> Number 【重要】

### 使用 Number()函数
### 使用 Number() 函数

**情况一:字符串 --> 数字**

Expand All @@ -182,7 +181,7 @@ String(变量)

补充:怎么理解这里的 **NaN** 呢?可以这样理解,使用 Number() 函数之后,**如果无法转换为数字,就会转换为 NaN**

### 使用 parseInt()函数:字符串 -> 整数【重要】
### 使用 parseInt()函数:字符串 -> 整数

**parseInt()的作用是将字符串中的有效的整数内容转为数字**。parse 表示“转换”,Int 表示“整数”(注意`Int`的拼写)。例如:

Expand Down Expand Up @@ -214,7 +213,6 @@ parseInt()的转换情况如下。

- 结果为:NaN


Number() 函数和 parseInt() 函数的区别:

就拿`Number(true)``parseInt(true)/parseFloat(true)`来举例,二者在使用时,是有区别的:
Expand All @@ -232,7 +230,7 @@ console.log(parseInt("2017在公众号上写了6篇文章")); //打印结果:2

console.log(parseInt("2017.01在公众号上写了6篇文章")); //打印结果仍是:2017 (说明只会取整数)

console.log(parseInt("aaa2017.01在公众号上写了6篇文章")); //打印结果:NaN
console.log(parseInt("aaa2017.01在公众号上写了6篇文章")); //打印结果:NaN (因为不是以数字开头)
```

(2)如果对**非 String**使用 parseInt()或 parseFloat(),它会**先将其转换为 String** 然后再操作。【重要】
Expand Down Expand Up @@ -262,7 +260,7 @@ var a = parseInt(5.8) + parseInt(4.7);
console.log(a);
```

控制台输出
打印结果

```
9
Expand All @@ -275,7 +273,7 @@ var a = parseInt(5.8 + 4.7);
console.log(a);
```

控制台输出
打印结果

```javascript
10;
Expand All @@ -299,7 +297,7 @@ console.log(num);
272
```

如果你对打印结果感到震惊,请仔细看上面的代码注释。也就是说,无论 parseInt() 里面的进制参数是多少,最终的转换结果是十进制。
如果你对打印结果感到震惊,请仔细看上面的代码注释。就是说,无论 parseInt() 里面的进制参数是多少,最终的转换结果是十进制。

我们继续来看下面的代码,打印结果是多少。

Expand Down Expand Up @@ -330,16 +328,19 @@ parseFloat() 的几个特性,可以参照 parseInt()。

将其他的数据类型转换为 Boolean,可以使用 Boolean()函数。情况如下:

- 情况一:数字 --> 布尔。除了 0 和 NaN,其余的都是 true。
- 情况一:数字 --> 布尔。除了 0 和 NaN,其余的都是 true。也就是说,`Boolean(NaN)`的结果是 false。

- 情况二:字符串 ---> 布尔。除了空串,其余的都是 true。全是空格的字符串,也是 true。

- 情况三:null 和 undefined 都会转换为 false。

- 情况四:引用数据类型会转换为 true。注意,`空数组[]``空对象{}`,转换结果也是 true,这个一点,很多人都不知道。
- 情况四:引用数据类型会转换为 true。注意,空数组`[]`和空对象`{}`,转换结果也是 true,这个一点,很多人都不知道。


PS:转换为 Boolean 的这几种情况,**很重要**,开发中会经常用到。



## 知识补充:其他进制的数字

- 16 进制的数字,以`0x`开头
Expand Down Expand Up @@ -443,7 +444,7 @@ console.log(b); // 打印结果:666

**情况一**:字符串 + 数字

- 当加号的两边,只要有一个是字符串的时候,就会调用 String() 函数,将数字转为字符串再计算。导致最终的运算结果是字符串。
- 当加号的两边,只要有一个是字符串的时候,就会调用 String() 函数将数字转为字符串,然后再计算。导致最终的运算结果是字符串。

**情况二**:Boolean + 数字

Expand Down

0 comments on commit 1b8068c

Please sign in to comment.