数据类型

一、数据类型简介

1、我们为什么需要数据类型

在计算机中，不同的数据所需占用得存储空间是不同的，为了便于把数据分成所需内存大小不同的数据，充分利用存储空间，于是定义了不同的数据类型。

简单来说，数据类型就是数据的类别型号。比如姓名“张三”，年龄18，这些数据的类型是不一样的。

2、变量的数据类型

（1）变量是用来存储值的所在处，它们有名字和数据类型。变量的数据类型决定了如何将代表这些值的位存储到计算机的内存中。JavaScript是一种弱类型或者说动态语言。这意味着不用提前声明变量的类型，在程序运行过程中，类型会被自动确定。

var age=10; //这是一个数字型

var areYouOk='是的'; //这是一个字符串

（2）在代码运行时，变量的数据类型是由JS引擎根据 = 右边变量值的数据类型来判断的，运行完毕之后，变量就确定了数据类型。

（3）JavaScript拥有动态类型，同时也意味着相同的变量可用作不同的类型：

var x=6;  //x为数字

var x="Bill";   //x为字符串

3、数据类型的分类

（1）、JS把数据类型分为两类：

①简单数据类型（Number，String，Boolean，Undefined，Null）

②复杂数据类型（object）

二、简单数据类型（基本数据类型）

简单数据类型	说明	默认值
Number	数字型，包含整型值和浮点型值，如21/0.21	0
Boolean	布尔值类型，如true、false，等价于1和0	false
String	字符串类型，如"张三" 注意咱们js里面，字符串都带引号	""
Undefined	var a; 声明了变量a 但是没有给值，此时a=undefined	undefined
Null	var a=null;声明了变量a 为空值	null

 

 

 

 

 

 

 

1、数字型 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;

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

（2）数字型范围

JavaScript中数值的最大和最小值

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

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

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

●最小值：Number.MIN_VALUE，这个值为：5e-324

（3）数字型三个特殊值

alert(Infinity); //Infinity

alert(-Infinity); //-Infinity

alert(NaN);     //NaN

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

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

●NaN,Not a number，代表一个非数值

（4）isNaN()

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

isNaN(x)

●x是数字，返回false

●x不是数字，返回true

2、字符串型String

①字符串型可以是引号中的任意文本，其语法为双引号""和单引号''

var strMsg="我爱北京天安门~"; //使用双引号表示字符串

var strMsg2='我爱吃猪蹄~';       //使用单引号表示字符串

②常见错误

var strMsg3=我爱大肘子;          //报错，没使用引号，会被认为是js代码，但js没有这些语法

③因为HTML标签里面的属性使用的是双引号，JS这里我们更推荐使用单引号。

④字符串引号嵌套

JS可以用单引号嵌套双引号，或者用双引号嵌套单引号（外双内单，外单内双）

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

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

//常见错误

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

⑤字符串转义符

类似HTML里面的特殊字符，字符串中也有特殊字符，我们称之为转义符。

转义符都是\开头的，常用的转义符及其说明如下：

转义符	解释说明
\n	换行符，n是newline的意思
\\	斜杆\
\'	' 单引号
\"	" 双引号
\t	tab 缩进
\b	空格，b是blank的意思

 

 

 

 

 

 

 

 

⑥字符串长度

字符串是由若干字符组成的，这些字符的数量就是字符串的长度。通过字符串的length属性可以获取整个字符串的长度。

var str='my name is andy';

console.log(str.length);  // 显示 15

⑦字符串拼接

多个字符串之间可以使用 + 进行拼接，其拼接方式为 字符串+任何类型=拼接之后的新字符串

拼接前会把与字符串相加的任何类型转成字符串 ，在拼接成一个新的字符串

❶ 字符串"相加"

alert('hello'+' '+'world'); //hello world

❷ 数值字符串"相加"

alert('100'+'100'); //100100

❸ 数值字符串+数值

alert('11'+12); //1112

+号总结口诀：数值相加，字符相连

⑧字符串拼接加强

console.log('pink老师'+18);           //只要有字符就会相连

var age=18;

//console.log('pink老师age岁啦');  //这样不行哦

console.log('pink老师'+age);         //pink老师18

console.log('pink老师'+age+'岁啦'); //pink老师18岁啦

❶我们经常会将字符串和变量来拼接，因为变量可以很方便地修改里面的值

❷变量是不能添加引号的，因为加引号的变量会变成字符串

❸如果变量两侧都有字符串拼接，口诀“引引加加”，删掉数字，变量写在加中间

3、布尔型Boolean

①布尔类型有两个值：true和false，其中true表示真（对），而false表示假（错）。

②布尔型和数字型相加的时候，true的值为1，false的值为0.

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

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

4、Undefined和Null

①一个声明后没有被赋值的变量会有一个默认值undefined（如果进行相连或者相加时，注意结果）

var variable;

console.log(variable);             //undefined

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

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

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

②一个声明变量给null值，里面存的值为空（学习对象时，我们继续研究null）

var vari=null;

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

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

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

三、获取变量数据类型

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

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

2、字面量

字面量是在源代码中一个固定值的表示法，通俗来说，就是字面量表示如何表达这个值

①数字字面量：8,9,10

②字符串字面量：'黑马程序员'，"大前端"

③布尔字面量：true，false

四、数据类型转换

1、什么是数据类型转换

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

②我们通常会实现3种方式的转换：

●转换为字符型

●转换为数字型

●转换为布尔型

2、转换为字符串

方式	说明	案例
toString	转成字符串	var num=1; alert(num.toString());
String()强制转换	转成字符串	var num=1; alert(String(num));
加号拼接字符串	和字符串拼接的结果都是字符串	var num=1; alert(num+"我是字符串");

 

 

 

 

 

 

 

 

●toString()和String使用方式不一样。

●三种转换方式，我们更喜欢用第三种加号拼接字符串转换方式，这一种方式也称之为隐式转换。

3、转换为数字型（重点）

方式	说明	案例
parseInt(string)函数	将string类型转成整数数值型	parseInt('78')
parseFloat(string)函数	将string类型转成浮点数数值型	parseFloat('78.21')
Number()强制转换函数	将string类型转换为数值型	Number('12')
js隐式转换(-*/)	利用算术运算隐式转换为数值型	'12'-0

 

 

 

 

 

 

●注意 parseInt 和 parseFloat 单词的大小写，这2个是重点

●隐式转换是我们在运行算数运算的时候，JS自动转换了数据类型

 4、转换为布尔型

方式	说明	案例
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('------------------------');

console.log(Boolean('123')); //true

console.log(Boolean('你好吗')); //true

console.log(Boolean('我很好')); //true