HTML数据类型及其转换

1、数据类型

数据类型是数据存储的类型

   2.分类：

            2.1.基本数据类型----存储的是具体的值

                数字型：number--- 整数、小数、NaN(不是一个数字)

                字符串型：string--- 用单引号或者双引号包裹起来的内容

                布尔型：boolean--- true(真)、false(假)

                未定义：undefined--- 变量声明了，但是没有赋值

                空值：null--- 变量声明了，赋值为null---对象清空

            2.2.引用数据类型----存储的是地址

                对象：object

                数组：array

                函数：function

            3. 基本数据类型检测

                typeof 变量名

                返回值：string

                例如：

let zzr = prompt("请输入数字");
      console.log(parseFloat(zzr) + 20);
      console.log(typeof zzr, zzr);

2.数据类型转换

1.数据类型转换：将一种数据类型转换为另一种数据类型

        2.转换的方法：

           2.1.自动转换（隐式转换）：系统自动转换

           2.2.强制转换（显示转换）：手动转换

        3.强制转换:

           3.1.转换为数字型

           Number(变量名/值)--- 不能转换为数字型的，转换为NaN

           parseInt(变量名/值)--- 转换为整数

            ----当遇到非数字时，会截取前面的数字，如果第一个字符不是数字，返回NaN

           parseFloat(变量名/值)--- 转换为小数

            ----当遇到非数字时，会截取前面的数字，如果第一个字符不是数字，返回NaN

           3.2.转换为字符串型

           String(变量名/值)

           变量名/值.toString()

           3.3.转换为布尔型

           Boolean(变量名/值)

           !!变量名/值

        4.自动转换（隐式转换）：系统自动转换

           4.1 数字型转换为字符串型

           数字型 + 字符串型 = 字符串型

           数字型 + 布尔型 = 数字型

           数字型 + undefined = NaN

           数字型 + null = 数字型

           4.2 字符串型转换为数字型

           字符串型 - 数字型 = 数字型

           字符串型 - 布尔型 = 数字型

           字符串型 - undefined = NaN

           字符串型 - null = 数字型

           4.3 布尔型转换为数字型

           布尔型 - 数字型 = 数字型

           布尔型 - 字符串型 = 数字型

           布尔型 - undefined = NaN

           布尔型 - null = 数字型