update: 数据类型转换

This commit is contained in:
qianguyihao 2019-12-12 15:51:08 +08:00
parent f136934676
commit 5e154c3ac8
2 changed files with 33 additions and 31 deletions

View File

@ -206,7 +206,7 @@ console.log(str6);
## 数值型Number ## 数值型Number
在JS中所有的数值都是Number类型包括整数和浮点数小数 在JS中所有的数值都是 Number 类型,包括整数和浮点数(小数)。
```javascript ```javascript
var a = 100; // 定义一个变量 a并且赋值整数100 var a = 100; // 定义一个变量 a并且赋值整数100
@ -224,6 +224,7 @@ number
number number
``` ```
再次补充:在 JS 中,只要是数,就是 Number 数值型的。无论整浮、浮点数(即小数)、无论大小、无论正负,都是 Number 类型的。
### 数值范围 ### 数值范围

View File

@ -1,8 +1,8 @@
## 前言 ## 前言
**数据类型转换**:将一种数据类型转换为另外一种数据类型。 **变量的数据类型转换**:将一种数据类型转换为另外一种数据类型。
通常有三种类型转换: 通常有三种形式的类型转换:
- 转换为字符串类型 - 转换为字符串类型
@ -10,7 +10,7 @@
- 转换为布尔型 - 转换为布尔型
你会把某个数据类型转换成 null 或者 undefined 吗?不会,因为这样做,没有意义。 你会专门把某个数据类型转换成 null 或者 undefined 吗?不会,因为这样做,没有意义。
## typeof 运算符 ## typeof 运算符
@ -40,11 +40,9 @@ typeof 这个运算符的返回结果就是变量的类型。那返回结果的
| typeof null | object | | typeof null | object |
| typeof undefined | undefined | | typeof undefined | undefined |
备注 1在 JavaScript 中,只要是数,就是 number 数值型的。无论整浮、浮点数(即小数)、无论大小、无论正负,都是 number 类型的 备注 1为啥 `typeof null`的返回值也是 object 呢?因为 null 代表的是**空对象**
备注 2为啥 `typeof null`的返回值也是 object 呢?因为 null 代表的是**空对象**。 备注 2`typeof NaN`的返回值是 number上一篇文章中讲过NaN 是一个特殊的数字。
备注 3`typeof NaN`的返回值是 number上一篇文章中讲过NaN 是一个特殊的数字。
**返回结果举例** **返回结果举例**
@ -90,18 +88,19 @@ console.log(type {}); // 空对象的打印结果object
### 隐式类型转换(特殊) ### 隐式类型转换(特殊)
- 逻辑运算符:`&&`、`||`、`` 。非布尔值进行**与或**运算时,会先将其转换为布尔值,然后再运算,但返回结果是**原值**。具体可以看下一篇文章《运算符》。 - 逻辑运算符:`&&`、`||`、`` 。非布尔值进行**与或**运算时,会先将其转换为布尔值,然后再运算,但运算结果是**原值**。具体可以看下一篇文章《运算符》。
- 关系运算符:`<`、`>` `<=` `>=`等。关系运算符得到的结果都是布尔值要么是true要么是false。具体可以看下一篇文章《运算符》。 - 关系运算符:`<`、`>` `<=` `>=`等。关系运算符,得到的运算结果都是布尔值要么是true要么是false。具体可以看下一篇文章《运算符》。
针对上面这两种类型转换,这篇文章来详细介绍。
针对上面这两种类型转换,下面来详细介绍。
## 其他的简单类型 --> String ## 其他的简单类型 --> String
### 方法一:变量+"" 或者 变量+"abc" ### 方法一:字符串拼接
举例如下: 格式:变量+"" 或者 变量+"abc"
举例:
```javascript ```javascript
var a = 123; // Number 类型 var a = 123; // Number 类型
@ -113,7 +112,7 @@ console.log(a + 'haha'); // 转换成 String 类型
### 方法二:调用 toString()方法 ### 方法二:调用 toString()方法
举例如下 语法
```javascript ```javascript
变量.toString() 变量.toString()
@ -136,9 +135,9 @@ console.log(a); // 11111111
console.log(typeof a); // string console.log(typeof a); // string
``` ```
### 方法三:使用 String()函数 ### 方法三(强制转换):使用 String()函数
格式如下 语法
```javascript ```javascript
String(变量) String(变量)
@ -146,17 +145,17 @@ String(变量)
使用 String()函数做强制类型转换时: 使用 String()函数做强制类型转换时:
- 对于 Number 和 Boolean 而言,实际上就是调用 toString()方法。 - 对于 Number 和 Boolean 而言,本质上就是调用 toString()方法。
- 但是对于 null 和 undefined不会调用 toString()方法。它会将 null 直接转换为 "null"。将 undefined 直接转换为 "undefined"。 - 但是对于 null 和 undefined不会调用 toString()方法。它会将 null 直接转换为 "null"。将 undefined 直接转换为 "undefined"。
### prompt():用户的输入 ### prompt():用户的输入
我们在 JS 基础的第篇里,就讲过,`prompt()`就是专门用来弹出能够让用户输入的对话框。重要的是:用户不管输入什么,都是字符串 我们在 JS 基础的第 01 篇里,就讲过,`prompt()`就是专门用来弹出能够让用户输入的对话框。重要的是:用户不管输入什么,都当字符串处理
## 其他的数据类型 --> Number ## 其他的数据类型 --> Number 【重要】
### 使用 Number()函数 ### 使用 Number() 函数
**情况一:字符串 --> 数字** **情况一:字符串 --> 数字**
@ -182,7 +181,7 @@ String(变量)
补充:怎么理解这里的 **NaN** 呢?可以这样理解,使用 Number() 函数之后,**如果无法转换为数字,就会转换为 NaN**。 补充:怎么理解这里的 **NaN** 呢?可以这样理解,使用 Number() 函数之后,**如果无法转换为数字,就会转换为 NaN**。
### 使用 parseInt()函数:字符串 -> 整数【重要】 ### 使用 parseInt()函数:字符串 -> 整数
**parseInt()的作用是将字符串中的有效的整数内容转为数字**。parse 表示“转换”Int 表示“整数”(注意`Int`的拼写)。例如: **parseInt()的作用是将字符串中的有效的整数内容转为数字**。parse 表示“转换”Int 表示“整数”(注意`Int`的拼写)。例如:
@ -214,7 +213,6 @@ parseInt()的转换情况如下。
- 结果为NaN - 结果为NaN
Number() 函数和 parseInt() 函数的区别: Number() 函数和 parseInt() 函数的区别:
就拿`Number(true)` 和 `parseInt(true)/parseFloat(true)`来举例,二者在使用时,是有区别的: 就拿`Number(true)` 和 `parseInt(true)/parseFloat(true)`来举例,二者在使用时,是有区别的:
@ -232,7 +230,7 @@ console.log(parseInt("2017在公众号上写了6篇文章")); //打印结果2
console.log(parseInt("2017.01在公众号上写了6篇文章")); //打印结果仍是2017 (说明只会取整数) 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** 然后再操作。【重要】 2如果对**非 String**使用 parseInt()或 parseFloat(),它会**先将其转换为 String** 然后再操作。【重要】
@ -262,7 +260,7 @@ var a = parseInt(5.8) + parseInt(4.7);
console.log(a); console.log(a);
``` ```
控制台输出 打印结果
``` ```
9 9
@ -275,7 +273,7 @@ var a = parseInt(5.8 + 4.7);
console.log(a); console.log(a);
``` ```
控制台输出 打印结果
```javascript ```javascript
10; 10;
@ -299,7 +297,7 @@ console.log(num);
272 272
``` ```
如果你对打印结果感到震惊,请仔细看上面的代码注释。就是说,无论 parseInt() 里面的进制参数是多少,最终的转换结果是十进制。 如果你对打印结果感到震惊,请仔细看上面的代码注释。就是说,无论 parseInt() 里面的进制参数是多少,最终的转换结果是十进制。
我们继续来看下面的代码,打印结果是多少。 我们继续来看下面的代码,打印结果是多少。
@ -330,16 +328,19 @@ parseFloat() 的几个特性,可以参照 parseInt()。
将其他的数据类型转换为 Boolean可以使用 Boolean()函数。情况如下: 将其他的数据类型转换为 Boolean可以使用 Boolean()函数。情况如下:
- 情况一:数字 --> 布尔。除了 0 和 NaN其余的都是 true。 - 情况一:数字 --> 布尔。除了 0 和 NaN其余的都是 true。也就是说,`Boolean(NaN)`的结果是 false。
- 情况二:字符串 ---> 布尔。除了空串,其余的都是 true。全是空格的字符串也是 true。 - 情况二:字符串 ---> 布尔。除了空串,其余的都是 true。全是空格的字符串也是 true。
- 情况三null 和 undefined 都会转换为 false。 - 情况三null 和 undefined 都会转换为 false。
- 情况四:引用数据类型会转换为 true。注意`空数组[]`和`空对象{}`,转换结果也是 true这个一点很多人都不知道。 - 情况四:引用数据类型会转换为 true。注意空数组`[]`和空对象`{}`,转换结果也是 true这个一点很多人都不知道。
PS转换为 Boolean 的这几种情况,**很重要**,开发中会经常用到。 PS转换为 Boolean 的这几种情况,**很重要**,开发中会经常用到。
## 知识补充:其他进制的数字 ## 知识补充:其他进制的数字
- 16 进制的数字,以`0x`开头 - 16 进制的数字,以`0x`开头
@ -443,7 +444,7 @@ console.log(b); // 打印结果666
**情况一**:字符串 + 数字 **情况一**:字符串 + 数字
- 当加号的两边,只要有一个是字符串的时候,就会调用 String() 函数将数字转为字符串再计算。导致最终的运算结果是字符串。 - 当加号的两边,只要有一个是字符串的时候,就会调用 String() 函数将数字转为字符串,然后再计算。导致最终的运算结果是字符串。
**情况二**Boolean + 数字 **情况二**Boolean + 数字