小陈的js基础 数据类型
数据类型
在计算机中，不同的数据所需占用的存储空间是不同的，为了便于把数据分成所需内存的小不同的数据，充分利用存储空间，于是定义了不同的数据类型
- 变量的数据类型
（1）Js的变量数据类型是只有程序在运行过程中，根据等号右边的值来确定的
（2）js是动态语言 变量的数据类型是可以变化的
- 数据类型的分类
- 简单数据类型
①Number(数字型):
IsNaN（）：用来判断非数字，并且返回一个值如果是数字返回的值是false如果不是数字返回的是true
如果是数字：
返回结果：
如果不是数字：
返回结果：
②string（字符串型）：
字符串型可以是引号中的任意文本，其语法为双引号和单引号
因为HTML标签里面的属性使用的双引号，所以在JS中推荐使用单引号
如果出现字符串嵌套，可以使用双引号嵌套单引号（外双内单）
字符串的转义符：都是以\开头，但是这个转义字符要写到引号里面
案例：检测获取字符串的长度 length
字符串的拼接：多个字符串之间可以使用+进行拼接，其拼接方式为 字符串+任何类型=拼接之后的新字符串
案例：弹出输入框，需要用户输入年龄，然后弹出一个警示框显示‘您今年xx岁啦’（xx表示刚才输入的年龄）
代码：
效果图：
③boolean（布尔型）：
布尔类型有两个值：tue和tase，其中true表示真（对），而fase表示假（错）
布尔型和数字型相加的时候，true的值为1，fase的值为0
④undefined（未定义）：
一个申明后没有被赋值的变量会有一个默认值undefined（如果进行相连或者相加时，注意结果）
代码：
效果：
⑤null（空值）：
一个变量给null值，里面存的值为空
Undefined和null的区别：
Undefined也可以代表空值，但其无空间存在，可以存放内容
Null 是有空间存在 ，可以存放内容
3、获取数据变量类型
（1）typeof可用来获取检测变量的数据类型
- 可以通过颜色来判断数据类型
- 蓝色：数字型
- 黑色：字符型
- 深蓝色：布尔型
D、浅灰色：空值
（2） 字面量
字面量是在源代码中一个固定值的表示法，通俗来说，就是字面量表示如何表达这个值
通过书写方式可以判断是个什么样的值
4、数据类型转换
- 转换为字符串类型
A: 变量.toString( ) 把数字型转换为字符串型（了解即可）
结果为：
B：String（变量） 利用String（）把数字型转换为字符串型（了解即可）
结果为：
C：利用+拼接字符串的方法实现转换效果（常用，需掌握）
结果为：
- 字符型转换为数字型（重要）
A:parseInt（string）函数：可以把字符型的转换为数字型，得到的是整数（重点）
结果为：
B：parseFloat（）：可以把字符型的转换为数字型，得到的是小数 浮点数
结果为：
C:Number（变量）：（了解）
结果为：
D:利用算术运算 - * / 隐式转换（了解）
结果：
案列1：计算年龄
要求在页面中弹出一个输入框，我们输入出生年份后，能计算出我们的年龄。
思路：
①弹出一个输入框（prompt），让用户输入出生年份（用户输入）
②把用户输入的值用变量保存起来，然后用今年的年份减去变量值，结果就是现在的年龄（程序内部处理）
③弹出警示框（alert），把计算的结果输出（输出结果）
结果：
案例2：简单加法器
要求：计算两个数的值，用户输入第一个值后，继续弹出第二个输入框并输入第二个值，最后通过弹出窗口显示出两次输入值相加的结果
思路：
①先弹出第一个输入框，提示用户输入第一个值保存起来
②再弹出第二个框，提示用户轮入第二个值保存起来
③把这两个值相加，并将结果赋给新的变量（注意数据类型转换）
弹出警示框（der，把计算的结果输出（输出结果）