update: 数据类型转换
This commit is contained in:
parent
f136934676
commit
5e154c3ac8
@ -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 类型的。
|
||||||
|
|
||||||
### 数值范围
|
### 数值范围
|
||||||
|
|
||||||
|
@ -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 + 数字
|
||||||
|
|
Loading…
Reference in New Issue
Block a user