一.为什么需要数据类型
在计算机中,不同的数据所占用的存储空间是不同的,为了便于把数据分成所需内存大小不同的数据,充分利用存储空间,于是定义了不同的数据类型。
二.变量的数据类型
变量是用来存储的所在处,它们有名字和数类型,变量的数据类型决定了如何将代表这些值的位存储到计算机的内存中,JavaScript是一种弱类型或者说动态语言,这意味着不用提前声明变量的类型,在程序运行过程中,类型会被自动确定。
js的变量数据类型是只有程序在运行过程中,根据等号右边的值来确定的
var age=10; //这是一个数字型
var areYouOK='是的'; //这是一个字符串
在代码运行时,变量的数据类型是由js引擎根据=右边变量的数据类型来判断的,运行完毕之后,变量就确定了数据类型。
JavaScript拥有动态类型,同时也意味着相同的变量可用作不同的类型;
var x=6; //x为数字
var x="Bill"; //x为字符串
三.数据类型的分类
js把数据类型分为两类:
- 简单数据类型(Number,String,Boolean,Undefined,Null)
- 复杂数据类型(object)
简单数据类型(基本数据类型)
简单数据类型 | 说明 | 默认值 |
Number | 数字型,包含整数型和浮点型值,如21、0.21 | 0 |
Booleam | 布尔值类型,如true、false,等价于1和0 | false |
String | 字符串类型,如"张三"注意在js里面,字符串都带引号 | "" |
Undefined | vae a;声明了变量a但是没有给值,此时a=undefined | undefined |
Null | var a=null;声明了变量a为空值 | null |
数字型Number
JavaScript数字类型就可以用来保存整数值,也可以保存小数(浮点数)
var age=21; //整数
var Age=21.3747; //小数
1.数字型进制
最常见的进制有二进制、八进制、十进制、十六进制。
其中js中八进制前面加0,十六进制前面加0x
2.数字型范围
JavaScript中数值的最大和最小值
alert(Number.MIX_VALVE);
alert(Number.MIN_VALVE);
3.数字型三个特殊值
alert(Infinity);
alert(-Infinity);
alert(MaN);
- Infinity,代表无穷大,大于任何数值
- -Infinity,代表无穷小,小于任何数值
- NaN,Not a number,代表一个非数值
4.isNaN()
用来判断一个变量是否为非数字的类型,返回true或者false
isNaN(x)
x是数字,返回false
x不是数字,返回true
x是一个非数字类型
字符串型string
1.字符串引号嵌套
js可以用单引号嵌套双引号,或者用双引号嵌套单引号(外双内单,外单内双)
var strMag='我是一个"男"程序员';
2.字符串转义符
类似HTML里面的特殊字符,字符串中也有特殊字符,我们称为转义符。
转义符都是\开头的,常用的转义符及其说明如下:
转义符 | 解释说明 |
\n | 转义符,n是newline的意思 |
\\ | 斜杠\ |
\' | '单引号 |
\" | "双引号 |
\t | tab缩进 |
\b | 空格,b是black的意思 |
3.字符串长度
字符串是由若干字符组成的,这些字符的数量就是字符串的长度,通过字符串的length属性可以获取整个字符串的长度
var strMsg="我是帅气多金的程序猿!";
alert(strMsg.length); //显示11
4.字符串拼接
- 多个字符串之间可以使用+进行拼接,其拼接方式为字符串+任何类型=拼接之后的新字符串
- 拼接前会把与字符串相加的任何类型转成字符串,再拼接成一个新的字符串
数值字符串+数值aler('11'+12); //11112
+号总结口诀:数值相加,字符相连
布尔型Boolean
布尔类型有两个值:true和false,其中true表示真(对),而false表示假(错)。
布尔型和数字型相加的时候,true的值为1,false的值为0。
console.log(true+1); //2
console.log(false+1); //1
Underfined和Null
一个声明后没有被赋值的变量会有一个默认值underfined(如果进行相连或者相加时,注意结果)
console.log('你好'+variable); //你好undefined
console.log(11+variable); //NaN
console.log(true+variable); //NaN
一个声明变量给null值,里面存的值为空(学习对象时,我们继续研究null)
console.log('你好'+vari); //你好null
console.log(11+vari); //11
console.log(true+vari); //1