diff --git a/04-JavaScript基础/03-变量的数据类型.md b/04-JavaScript基础/03-变量的数据类型.md index 75b678d..399542c 100644 --- a/04-JavaScript基础/03-变量的数据类型.md +++ b/04-JavaScript基础/03-变量的数据类型.md @@ -206,7 +206,7 @@ console.log(str6); ## 数值型:Number -在JS中所有的数值都是Number类型,包括整数和浮点数(小数)。 +在JS中所有的数值都是 Number 类型,包括整数和浮点数(小数)。 ```javascript var a = 100; // 定义一个变量 a,并且赋值整数100 @@ -224,6 +224,7 @@ number number ``` +再次补充:在 JS 中,只要是数,就是 Number 数值型的。无论整浮、浮点数(即小数)、无论大小、无论正负,都是 Number 类型的。 ### 数值范围 diff --git a/04-JavaScript基础/04-typeof和变量的数据类型转换.md b/04-JavaScript基础/04-typeof和数据类型转换.md similarity index 86% rename from 04-JavaScript基础/04-typeof和变量的数据类型转换.md rename to 04-JavaScript基础/04-typeof和数据类型转换.md index 66112dd..5bc568c 100644 --- a/04-JavaScript基础/04-typeof和变量的数据类型转换.md +++ b/04-JavaScript基础/04-typeof和数据类型转换.md @@ -1,8 +1,8 @@ ## 前言 -**数据类型转换**:将一种数据类型转换为另外一种数据类型。 +**变量的数据类型转换**:将一种数据类型转换为另外一种数据类型。 -通常有三种类型的转换: +通常有三种形式的类型转换: - 转换为字符串类型 @@ -10,7 +10,7 @@ - 转换为布尔型 -你会把某个数据类型转换成 null 或者 undefined 吗?不会,因为这样做,没有意义。 +你会专门把某个数据类型转换成 null 或者 undefined 吗?不会,因为这样做,没有意义。 ## typeof 运算符 @@ -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 是一个特殊的数字。 **返回结果举例**: @@ -90,18 +88,19 @@ console.log(type {}); // 空对象的打印结果:object ### 隐式类型转换(特殊) -- 逻辑运算符:`&&`、`||`、`!` 。非布尔值进行**与或**运算时,会先将其转换为布尔值,然后再运算,但返回结果是**原值**。具体可以看下一篇文章《运算符》。 +- 逻辑运算符:`&&`、`||`、`!` 。非布尔值进行**与或**运算时,会先将其转换为布尔值,然后再运算,但运算结果是**原值**。具体可以看下一篇文章《运算符》。 -- 关系运算符:`<`、`>` `<=` `>=`等。关系运算符,得到的结果都是布尔值:要么是true,要么是false。具体可以看下一篇文章《运算符》。 +- 关系运算符:`<`、`>` `<=` `>=`等。关系运算符,得到的运算结果都是布尔值:要么是true,要么是false。具体可以看下一篇文章《运算符》。 - -针对上面这两种类型转换,下面来详细介绍。 +针对上面这两种类型转换,这篇文章来详细介绍。 ## 其他的简单类型 --> String -### 方法一:变量+"" 或者 变量+"abc" +### 方法一:字符串拼接 -举例如下: +格式:变量+"" 或者 变量+"abc" + +举例: ```javascript var a = 123; // Number 类型 @@ -113,7 +112,7 @@ console.log(a + 'haha'); // 转换成 String 类型 ### 方法二:调用 toString()方法 -举例如下: +语法: ```javascript 变量.toString() @@ -136,9 +135,9 @@ console.log(a); // 11111111 console.log(typeof a); // string ``` -### 方法三:使用 String()函数 +### 方法三(强制转换):使用 String()函数 -格式如下: +语法: ```javascript String(变量) @@ -146,17 +145,17 @@ 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() 函数 **情况一:字符串 --> 数字** @@ -182,7 +181,7 @@ String(变量) 补充:怎么理解这里的 **NaN** 呢?可以这样理解,使用 Number() 函数之后,**如果无法转换为数字,就会转换为 NaN**。 -### 使用 parseInt()函数:字符串 -> 整数【重要】 +### 使用 parseInt()函数:字符串 -> 整数 **parseInt()的作用是将字符串中的有效的整数内容转为数字**。parse 表示“转换”,Int 表示“整数”(注意`Int`的拼写)。例如: @@ -214,7 +213,6 @@ parseInt()的转换情况如下。 - 结果为:NaN - Number() 函数和 parseInt() 函数的区别: 就拿`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("aaa2017.01在公众号上写了6篇文章")); //打印结果:NaN +console.log(parseInt("aaa2017.01在公众号上写了6篇文章")); //打印结果:NaN (因为不是以数字开头) ``` (2)如果对**非 String**使用 parseInt()或 parseFloat(),它会**先将其转换为 String** 然后再操作。【重要】 @@ -262,7 +260,7 @@ var a = parseInt(5.8) + parseInt(4.7); console.log(a); ``` -控制台输出: +打印结果: ``` 9 @@ -275,7 +273,7 @@ var a = parseInt(5.8 + 4.7); console.log(a); ``` -控制台输出: +打印结果: ```javascript 10; @@ -299,7 +297,7 @@ console.log(num); 272 ``` -如果你对打印结果感到震惊,请仔细看上面的代码注释。也就是说,无论 parseInt() 里面的进制参数是多少,最终的转换结果是十进制。 +如果你对打印结果感到震惊,请仔细看上面的代码注释。就是说,无论 parseInt() 里面的进制参数是多少,最终的转换结果是十进制。 我们继续来看下面的代码,打印结果是多少。 @@ -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`开头 @@ -443,7 +444,7 @@ console.log(b); // 打印结果:666 **情况一**:字符串 + 数字 -- 当加号的两边,只要有一个是字符串的时候,就会调用 String() 函数,将数字转为字符串再计算。导致最终的运算结果是字符串。 +- 当加号的两边,只要有一个是字符串的时候,就会调用 String() 函数将数字转为字符串,然后再计算。导致最终的运算结果是字符串。 **情况二**:Boolean + 数字