数据类型_【填空题】数字型可以用来保存___或浮点数js源代码

数据类型简介

1. 为什么需要数据类型

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

2. 变量的数据类型

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

var age = 18;                   //数字型
var areyouOK=‘是的’;                   //字符串型

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

3. 数据类型分类

• 简单数据类型（Number，String，Boolean，Undefined，Null）
• 复杂数据类型（Object）

简单数据类型

1. 数字型Number

数字型既可以保存整数，也可以保存小数（浮点数）。

   // 1.数字类型既可以用来保存整数值，也可以保存小数（浮点数）
   var age = 21;  //整数
   var Age = 21.3475;  //小数
1
2
3

① 数字型进制

在JS中，八进制前面加0，十六进制前面加0x。

   // 2.八进制数字序列范围：0~7
   var num1 = 010;
   console.log(num1);  //对应十进制的8
   var num2 = 021;
   console.log(num2);  //对应十进制的17
   // 3.十六进制数字序列范围：0~9以及A~F
   var num3 = 0x1A;
   console.log(num3);  //对应十进制的26
1
2
3
4
5
6
7
8

② 数字型范围

• 最大值：Number.MAX_VALUE
• 最小值：Number.MIN_VALUE

   // 4.最大值
   console.log(Number.MAX_VALUE);  //1.7976931348623157e+308
   // 5.最小值
   console.log(Number.MIN_VALUE);  //5e-324
1
2
3
4

③ 数字型三个特殊值

• Infinity：无穷大
• -Infinity：无穷小
• NaN：非数值

   // 6.无穷大
   console.log(Number.MAX_VALUE * 2);  //Infinity
   // 7.无穷小
   console.log(-Number.MAX_VALUE * 2);  //-Infinity
   // 8.非数值
   console.log('F' - 3);  //NaN
1
2
3
4
5
6

④ isNaN()

   // isNaN()用来判断一个变量是否为非数字的类型：如果是数字，返回false；如果不是数字，返回true
   console.log(isNaN(21));  //false
   console.log(isNaN('F'));  //true
1
2
3

2. 字符串型String

字符串型可以是引号中的任意文本，语法为双引号""和单引号’’。JS里推荐使用单引号。

   var str1 = '我是大可爱';  //使用单引号表示字符串
   var str2 = "我是大可爱";  //使用双引号表示字符串
1
2

① 字符串转义符

② 字符串长度

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

   var str = 'i see u';
   console.log(str.length);  //7
1
2

③ 字符串拼接

拼接方式：字符串+任何类型=拼接之后的新字符串

   // 2.1 字符串+字符串
   console.log('hello' + ' ' + 'world');  //hello world
   // 2.2 数值字符串+数值字符串
   console.log('100' + '100');  //100100
   // 2.3 字符串+布尔型
   console.log('you' + true);   //youtrue
   // 2.4 数值字符串+数值
   console.log('12' + 12);  //1212
   // 2.5 数值+数值
   console.log(12 + 12);  //24
1
2
3
4
5
6
7
8
9
10

口诀：数值相加，字符相连

④ 字符串拼接加强

   var age = 21;
   console.log('我' + age + '岁啦');
1
2

• 变量不能添加引号。
• 如果变量两侧都有字符串拼接，口诀“引引加加”。

3. 布尔型Boolean

布尔类型有两个值：true和false，true为真，false为假。
布尔型和数字型相加时，true值为1，false值为0。

   var flag1 = true;  //true为1
   var flag2 = false;  //false为0
   console.log(flag1 + 1);  //2
   console.log(flag2 + 1);  //1
1
2
3
4

4. Undefined和Null

一个声明后没有被赋值的变量会有一个默认值undefined。

   var variable;
   console.log(variable + 'komorebi');  //undefinedkomorebi
   console.log(variable + 1);  //NaN
1
2
3

声明一个变量给null值，里面存的值为空。

   var vari = null;
   console.log(vari + 'komorebi');  //nullkomorebi
   console.log(vari + 1);  //1
1
2
3

获取变量数据类型

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

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

   var num = 10;
   console.log(typeof num);  //number
1
2

2. 字面量

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

• 数字字面量：8，9，10
• 布尔字面量：true，false
• 字符串字面量：‘叶隙间洒落的阳光’，‘秃头侠客’

数据类型转换

1. 什么是数据类型转换

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

2. 转换为字符串型

① toString()

   // 1.变量.toString()
   var num = 10;
   console.log(num.toString());
1
2
3

② String()

   // 2.String(变量)
   console.log(String(num));
1
2

③ 加号拼接字符串

   // 3.+拼接字符串(隐式转换)
   console.log(num + '');
1
2

3. 转换为数字型

① parseInt(String)函数

   // 1.parseInt(变量) 得到整数
   console.log(parseInt(3.14));  //3(取整)
   console.log(parseInt(3.84));  //3(取整)
   console.log(parseInt('120pps'));  //120(先识别到数字 自动删除后面字母)
   console.log(parseInt('pps120'));  //NaN(先识别到字母 判定为非数值)
1
2
3
4
5

② parseFloat(String)函数

   // 2.parseFloat(变量) 得到小数(浮点数)
   console.log(parseFloat(3.14));  //3.14
   console.log(parseFloat(3.84));  //3.84
   console.log(parseFloat('120pps'));  //120
   console.log(parseFloat('pps120'));  //NaN
1
2
3
4
5

③ Number()强制转换函数

   // 3.Number()
   console.log(Number('121'));  //121
1
2

④ js隐式转换（- * /)

   // 4.js隐式转换(- * /)
   console.log('121' - 1);  //120
   console.log('121' * 1);  //121
   console.log('121' / 1);  //121
1
2
3
4

4. 转换为布尔型

Boolean()函数（代表空、否定的值会被转换为false，如’ '，0，NaN，null，undefined，false；其余的值会被转换为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(Boolean(false));  //false
   console.log('--------------------------');
   console.log(Boolean(true));  //true
   console.log(Boolean(121));  //true
   console.log(Boolean('叶隙间洒落的阳光'));  //true
1
2
3
4
5
6
7
8
9
10