数据类型

数据类型简介

一、为什么需要数据类型

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

二、变量的数据类型

变量是用来存储值的所在处，它们有名字和数据类型。变量的数据类型决定了如何将代表这些值的位存储到计算机的内存中。JavaScript 是一种弱类型或者说动态语言。这意味着不用提前声明变量的类型，在程序运行过程中，类型会：被自动确定。
比如：
var age = 10; 这是一个数字型
var areYouok = ‘是的’; 这是一个字符串
在代码运行时，变量的数据类型是由JS引擎根据=右边变量值的数据类型来判断的，运行完毕之后，变量就确定了数据类型。
注意：JavaScript拥有动态类型，同时也意味着相同的变量可用作不同的类型
比如：
var x = 6;
x为数字
var x = “Bill”;
x为字符串

三、数据类型的分类

JS把数据类型分为两类：

1、简单数据类型( Number，string，Boolean，Undefined，Null )

2、复杂数据类型(object)

咱们这次只说简单数据类型：

简单数据类型

一、简单数据类型(基本数据类型)

JavaScript中的简单数据类型及其说明如下:

1、Number

说明：数字型，包含整型值和浮点型值，如21、0.2。
它的默认值为：0

2、Boolean

说明：布尔值类型，如true、false，等价于1和0。
默认值为：false

3、String

说明：字符串类型，如"张三"注意咱们js里面，字符串都带引号。
默认值为：""

4、Undefined

比如：var a;声明了变量a但是没有给值，此时a = undefined
默认值为：undefined

5、Null

比如：vara=null;声明了变量a为空值
默认值：null

二、数字型 Number

JavaScript数字类型既可以用来保存整数值，也可以保存小数(浮点数)。
比如：
var age = 21;
显示为：整数
var Age = 21.3747;
显示为：小数

1、数字型进制：

最常见的进制有二进制、八进制、十进制、十六进制。
（1）、八进制数字序列范围：0~7
var num1 = 07;
对应十进制的7
var num2 = 019;
对应十进制的19
var num3 = 08;
对应十进制的8
看几张图了解一下：


（2）、十六进制数字序列范围：0-9以及a~f
var num = 0xa;结果显示：10
看两张图：


这个阶段我们只要记住，在JS中八进制前面加0，十六进制前面加0x。就行了…

2、数字型范围

JavaScript中数值的最大和最小值为：
alert (Number .MAX VALUE);
显示结果为：1.7976931348 623157e+308
alert (Number .MIN VALUE);
显示结果为：5e-324
最大值：Number.MAX VALUE
最小值：Number.MIN VALUE

3、数字型三个特殊值

alert (Infinity);
显示结果为：Infinity
alert(-Infinity);
显示结果为：-Infinity
alert (NaN);
显示结果为：NaN
（1）、Infinity：代表无穷大，大于任何数值
（2）、-Infinity：代表无穷小，小于任何数值
（3）、NaN：Notanumber，代表一个非数值
看两个图方便理解：

4、isNAN()

用来判断一个变量是否为非数字的类型，返回true或者false。
不多说来个图：

比如：

三、字符串型 String

字符串型可以是引号中的任意文本，其语法为双引号" "和单引号’ '。
比如：
1、var strMsg = “我爱中国~”;
使用双引号表示字符串
2、var strMsg2 =‘我爱吃猪蹄~’;
使用单引号也表示字符串
常见错误注意：
var strMsg3 =我爱大肘子;
会报错，因为没使用引号，会被认为是js代码，但js没有这些语法。
注意：因为HTML标签里面的属性使用的是双引号, JS这里我们更推荐使用单引号。

1、字符串引号嵌套

JS可以用单引号嵌套双引号，或者用双引号嵌套单引号(外双内单，外单内双)
var strMsg = ‘我是"矮穷矬"程序猿’;
可以用’ ‘包含" "
var strMsg2 = “我是’矮穷矬’程序猿”;
也可以用" "包含’ ’
它的常见错误为：
var badQuotes = 'What on earth?";
显示报错，因为不能单双引号搭配。
来两个图理解一下：

2、字符串转义符

类似HTML里面的特殊字符，字符串中也有特殊字符，我们称之为转义符。
转义符都是\开头的。
常用的转义符及其说明如下：
（1）、\n
说明：换行符，n是newline的意思
（2）、\
说明：斜杠
（3）、’
说明：’ 单引号
（4）、"
说明：" 双引号
（5）、\t
说明：tab缩进
（6）、\b
说明：空格，b是blank的意思
来个栗子：

3、字符串长度

字符串是由若干字符组成的，这些字符的数量就是字符串的长度。通过字符串的length属性可以获取整个字符串的长度。
看个梨子（懒不想在重写，借用上个栗子的吧…）：

4、字符串拼接

（1）、多个字符串之间可以使用+进行拼接，其拼接方式为字符串+任何类型=拼接之后的新字符串
（2）、拼接前会把与字符串相加的任何类型转成字符串，再拼接成一个新的字符串。
举例：
字符串"相加"
alert(‘hello’ + '，+ ‘world’);
结果为：hello world
数值字符串"相加"
alert(‘100’ + ‘100’);
结果为：100100
数值字符串+数值
alert(‘11’ + 12) ;
结果为：1112
注意：只要有字符串和其他类型相拼接，最终的结果是字符串类型

5、来个字符串拼接加强版

console.log (‘加油’+ 18) ;
只要有字符就会相连
var age = 18;
console.log(‘我今年age岁啦’);
注意：这样显示的就不是18而是age了。
console.log(‘我今年’ + age) ;
显示：我今年18
console.log(‘我今年’+ age + ‘岁啦’);
我今年18岁啦
注意：1、我们经常会将字符串和变量来拼接，因为变量可以很方便地修改里面的值。
2、变量是不能添加引号的，因为加引号的变量会变成字符串。
3、如果变量两侧都有字符串拼接，记个口诀“引引加加”，删掉数字，变量写加中间。

四、布尔型 Boolean

布尔类型有两个值：true和false，其中true表示真(对)；而false表示假(错)。
布尔型和数字型相加的时候，true的值为1 , false的值为0。
比如：
console.log(true + 1);
显示结果为：2，因为1+1=2…
console.log(false + 1);
显示结果为：1，0+1=0。

五、Undefined 和Null

一个声明后没有被赋值的变量会有一个默认值 undefined (如果进行相连或者相加时，注意结果)。
比如：
1、var variable;
console.log (variable) ;
显示结果为：undefined
2、console.log(‘你好’ + variable);
显示为：你好undefined
3、console.log(11 + variable);
显示为：NaN
4、console.log(true + variable);
显示为：NaN


一个声明变量给null值，里面存的值为空(学习对象时，我们继续研究nul)
比如：
1、var vari = null;
console.log(‘你好’ + vari);
显示为：你好null
2、console.log(11+vari);
显示为：11
3、console.log(true + vari);
显示为：1

获取变量数据类型

一、获取检测变量的数据类型

typeof可用来获取检测变量的数据类型
来几个图：

二、字面量

字面量是在源代码中一个固定值的示法，通俗来说，就是字面量表示如何表达这个值。
比如：
1、数字字面量：8，9，10
2、字符串字面量：‘黑马程序员’，“大前端”
3、布尔字面量：true，false

数据类型转换

一、什么是数据类型转换

使用表单、prompt 获取过来的数据默认是字符串类型的，此时就不能直接简单的进行加法运算，而需要转换变量的数据类型。通俗来说，就是把一种数据类型的变量转换成另外一种数据类型。
我们通常会实现3种方式的转换：
1、转换为字符串类型
2、转换为数字型
3、转换为布尔型
下面我们来一个一个的说。

二、转换为字符串

1、toString()
说明：转成字符串
栗子：var num= 1;
aler(num.toString());
2、String()强制转换
说明：转成字符串
梨子：var num = 1;
alert(String(num));
3、加号拼接字符串（重要）
说明：和字符串拼接的结果都是字符串
例子：var num = 1;
alert(num+“我是字符串”);
注意：
1、toString()和String()使用方式不一样。
2、三种转换方式，我们更喜欢用第三种加号拼接字符串转换方式，这一种方式也称之 为隐式转换。

三、转换为数字型

1、parselnt(string)函数
说明：将string类型转成整数数值型
栗子：parselnt(‘78’)
2、parseFloat(string)函数
说明：将string类型转成浮点数数值型
栗子：parseFloat(‘78.21’)
3、Number()强制转换函数
说明：将string类型转换为数值型
例子：Number(‘12’)
4、js隐式转换(- * /)
说明：利用算术运算隐式转换为数值型
梨子：‘12’-0




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

四、转换为布尔值

Boolean()函数
说明：其他类型转成布尔值
梨子：Boolean(‘true’);
注意：
1、代表空、否定的值会被转换为false，如 ’ ‘、0、NaN、null、 undefined
2、其余值都会被转换为true
比如：
1、console.log (Boolean(’ '));
显示结果为：false
2、console.log (Boolean(0));
显示结果为：false
3、console.log (Boolean(NaN) );
显示结果为：false
4、console.log (Boolean (null));
显示结果为：false
5、console.log (Boolean (undefined) );
显示为：false
6、console.log (Boolean(‘努力’));
显示为：true
7、console.log (Boolean(20));
显示为：true

[^1]：好了这就是关于数据类型的相关知识，希望对你有所帮助，让我们一起加油努力吧！