数据类型

1.1 数据类型简介

              1. 为什么需要数据类型

                         在计算机中，不同的数据所需占用的存储空间是不同的，为了便于把数据分成所需内存大小不同的数据，充分利用存储空间，于是定义了不同的数据类型。简单来说，数据类型就是数据类别型号，比如姓名"张三"，年龄 18 这些数据的类型是不一样的。

               2. 变量的数据类型 变量是用来存储值的所在处，它们有名字和数据类型。变量的数据类型决定了如何将代表这些值的位存储到计算机的内存中。JavaScript是一种弱类型或者说动态语言。这意味着不用提前声明变量的类型，在程序运行中，类型会被自动确定 在代码运行时，变量的数据类型是由js引擎根据 = 右边变量值的数据类型来判断的，运行完毕之后，变量就确定了数据类型。 JavaScript拥有动态数据类型，同时也意味着相同的变量可用作不同的类型。

1.2 数据类型的分类

               简单数据类型 字符串(string)、数字(number)、布尔类型(boolean)、未定义(undefined)、空(null)复杂数据类型 对象(object)

                     1 简单数据类型

                               1. number(数字) 包含整型值和浮点型值

                                         a.数字范围

                                            // JavaScript中数值的最大和最小值

                                            alert(Number.MAX_VALUE); // 1.7976931348623157e+308

                                            alert(Number.MIN_VALUE); // 5e-324

                                            /*

                                           最大值：Number.MAX_VALUE，这个值为： 1.7976931348623157e+308

                                           最小值：Number.MIN_VALUE，这个值为：5e-32*/

                                          b.三个特殊值

 

                                           alert(Infinity);  // Infinity

                                           alert(-Infinity); // -Infinity

                                           alert(NaN);       // NaN

                                           /*

                                           Infinity ，代表无穷大，大于任何数值

                                          -Infinity ，代表无穷小，小于任何数值

                                          NaN ，Not a number，代表一个非数值*/

 

                                          c.isNaN()

                                          用来判断一个变量是否为非数字的类型，是非数字值返回true，不是非数字的值返回false

                                              var usrAge = 21;

                                              var isOk = isNaN(userAge);

                                              console.log(isNum);            // false ，21 不是一个非数字

                                              var usrName = "andy";

                                              console.log(isNaN(userName));  // true ，"andy"是一个非数字

                                         d.数字型进制

                                              最常见的进制有二进制、八进制、十进制、十六进制。

                                               现阶段我们只需要记住，在JS中八进制前面加，十六进制前面加

                2. string(字符串) 需要用引号或者双引号

                     a.单双引号嵌套

                         JS 可以用单引号嵌套双引号 ，或者用双引号嵌套单引号外双内单，外单内双字符串转义符

                          var strMsg = '我是"高帅富"程序猿';   // 可以用''包含""

                           var strMsg2 = "我是'高帅富'程序猿";  // 也可以用"" 包含''

                         // 常见错误

                        var badQuotes = 'What on earth?"; // 报错，不能 单双引号搭配

          类似HTML里面的特殊字符，字符串中也有特殊字符，我们称之为转义符。转义符都是 \ 开头的，常用的转义符及其说明如下：

                         转义符                             解释说明

                      \n                                        换行符

                      \\                                          斜杠\

                       \'                                          '单引号

                      \''                                           ''双引号

                       \t                                          tab缩进

                       \b                                          空格,b是blank的意思

                  3. boolean(布尔类型) 只有两个值 true和false 布尔类型有两个值：true 和 false ，其中 true 表示真（对），而 false 表示假（错）。 布尔型和数字型相加的时候， true 的值为 1 ，false 的值为 0。

                       console.log(true + 1);     // 2

                       console.log(false + 1); // 1

                  4. undefined(未定义) 只声明变量，不赋值一个声明后没有被赋值的变量会有一个默认值 undefined ( 如果进行相连或者相加时，注意结果）

 

                        var variable;

                         console.log(variable);           // undefined

                         console.log('你好' + variable);  // 你好undefined

                          console.log(11 + variable);     // NaN

                         console.log(true + variable);   // NaN

 

                   5. null(空) var a = null一个声明变量给 null 值，里面存的值为空（学习对象时，我们继续研究null)

                        var vari = null;

                         console.log('你好' + vari);  // 你好null

                          console.log(11 + vari);     // 11

                          console.log(true + vari);   // 1

1.2.

            2 复杂数据类型 object(对象)

1.3 获取变量数据类型

             typeof 可用来获取检测变量的数据类型

                  类型                   例子                      结果

                  string              typeof("小白")           string

                  number            typeof(18)                number

                  boolean            typeof(true)             boolean

                  undefined          typeof(undefined)   undefined

                   null                    typeof(null)               object

1.4数据类型转换

   1.4.1 什么是数据类型转换

                使用表单、prompt 获取过来的数据默认是字符串类型的，此时就不能直接简单的进行加法运算，而需要转换变量的数据类型。通俗来说，就是把一种数据类型的变量转换成另外一种数据类型

                 方式                           说明                                                                 案例

            toString()                    转成字符串                                                 var num=1;alert(num.toString());

            String()                     转成字符串                                                 var num=1;alert(String(num));

         加号拼接字符串          和字符串拼接的结果都是字符串                  var num=1;alert(num+“我是字符串”) 

             toString() 和 String() 使用方式不一样。 三种转换方式，我们更喜欢用第三种加号拼接字符串转换方式， 这一种方式也称之为隐式转换

             方式                                               说明                                       案例

     parseInt(string)函数                 将string类型转成整数数值型           parseInt("78");

      parseFloat(string)函数             将string类型转成浮点数数值型        parseFloat("78.21");

     Number()强制转换函数              将string类型转成数值型                 Number('12')

        js隐士转换(- * /)                      利用算术运算隐式转换为数值型          '12'-0

          注意 parseInt 和 parseFloat 单词的大小写，这2个是重点 隐式转换是我们在进行算数运算的时候，JS 自动转换了数据类型

                方式                     说明                                  案例

             Boolean()       函数其他类型转成布尔值          Boolean('true');

           代表空、否定的值会被转换为 false ，如 ''、0、NaN、null、undefined 其余值都会被转换为 true

            console.log(Boolean('')); // false

            console.log(Boolean(0)); // false

            console.log(Boolean(NaN)); // false

            console.log(Boolean(null)); // false

             console.log(Boolean(undefined)); // false

             console.log(Boolean('小白')); // true

              console.log(Boolean(12)); // true

1.4

.2 类型转换案例

1.计算年龄

<script>

        var year = prompt("请你输入你的出生年份");

        var age = 2022-year;

        alert("你今年已经"+age+"岁了");

</script>