2.2、JS数据类型
2.2.1、数据类型
2.2.1.1、为什么需要数据类型
在计算机中，不同的数据所需占用的存储空间是不同的，为了便于把数据分成所需内存大小不同的数据，充分利用存储空间，于是定义了不同的数据类型。简单来说，数据类型就是数据的类别型号
2.2.1.2、变量的数据类型
JS是一种弱类型或者动态语言。这就意味着不用提前声明变量的类型，在程序运行过程中，变量的数据类型是根据等号右边的值来自动确定的。
JS拥有动态类型，同时也意味着相同的变量可用作不同的类型
2.2.1.3、数据类型的分类
简单（一般）数据类型（Number、String、Boolean、Udefined、Null、Symbol）
复杂（引用）数据类型（Object，Function、Array、Date、RegExp、Math·····）
后续还会再增加别的数据类型....
面试题：js的数据类型有哪些？
2.2.2、简单数据类型
| 简单数据类型 | 解释说明 | 默认值 |
| Number | 数值型，包含整数值和浮点型，如12，1.2 | 0 |
| Bollean | 布尔值类型，true、false，等价于1、0 | false |
| String | 字符串类型，如'王二麻'，字符串都带引号 | ''，"",`` |
| Undefined | 未定义，例如： var a；此时a=undefined | undefined |
| Null | 空值；例如 ：var a=null | null |
2.2.2.1、数字型 Number
（1）、数字型进制
常见的进制有二进制、八进制、十进制、十六进制，在JS中，八进制前面加0，十六进制前面加0x
（2）、数字型范围（JS中数值的最大值和最小值）
- Number.MAX_VALUE //1.7976931348623157e+308
如果使用Number表示的数字超过了最大值，则会返回一个Infinity 表示正无穷
使用typeof 检查infinity也会返回number
- Number.MIN_VALUE 大于0的最小值 //5e-324
- NaN 是一个特殊的数字，表示Not A Number， 非数值
使用typeof 检查NaN也会返回number
var a = 123;
a = 456.789; //下面的数值会覆盖上面的
var b = 123; //这是数字123
console.log(typeof a); //number
a = Number.MAX_VALUE; //最大值
// console.log(a)
a = Number.MIN_VALUE; //最小值
// console.log(a)
a = "abc" * "bcd";
//console.log(a); //NaN（3）、数字型计算
-
-
- 在Js中整数的运算基本可以保证精确
- 如果使用JS进行浮点元素，可能得到一个不精确的结果
-
var c = 1 + 2;
console.log(c);//3
var d = 0.1 + 0.2; //如果使用JS进行浮点元素，可能得到一个不精确的结果
console.log(d);//0.30000000000000004（4）、isNaN()方式
用来判断NaN，并返回一个布尔值，如果判断的是NaN，则返回true，如果判断的不是NaN，则返回false
判断一个值能否被 Number() 合法地转化成数字。
console.log(isNaN(123));//false
console.log(isNaN(NaN));//true（5）、typeof 来检查一个变量的类型,并输出
语法：typeof 变量
检查字符串时，会返回string; 检查数值时，会返回number·····
返回的string、number、boolean等值，这些值的类型是string
2.2.2.2、字符串String
（1）、基本语法
字符串型可以是引号中的任意文本，其语法为双引号""和单引号''、反引号``，一般js中建议用双引号""，js可以用单引号嵌套双引号，或者用双引号嵌套单引号
// 单双引号嵌套
var res = '古诗:"锄禾日当午"';
console.log(res);（2）、字符串转义符
转义符都是\开头的，，写在当单双引号里面的，常用的转义符及其说明如下
| 转义符 | 解释说明 |
| \n | 换行符，n表示newline的意思 |
| \\ | 斜杠\ |
| \' | '单引号 |
| \" | "双引号 |
| \t | tab缩进 |
| \b | 空格，b是blank的意思. ??? |
//转义字符
var str = "hello";
str = " \''你好 ";
console.log(str,'11');（3）、字符串长度
字符串是由若干字符组成的，这些字符的数量就是字符串的长度。length属性可以获取整个字符串的长度
（4）、字符串拼接
多个字符串之间可以使用+进行拼接，其拼接方式为字符串+任意类型=拼接新字符串 ；
拼接前会把字符串相加的任意类型转成字符串，再拼接成一个新的字符串；
（5）、字符串拼接变量
字符串和变量拼接，变量不能写在引号里面，需要用加好拼接变量
eg:"你好"+age+"hlleo"
var age = 18;
var str = "我今年18岁了";
str = "我今年" + age + "岁了";
var str4 = `我叫${myName}，我今年${age}岁了`;
console.log(str);2.2.2.3、布尔值 Boolean
布尔值只有两个值，用来做逻辑判断
true -表示真 false -表示假
使用typeof检查一个布尔值时，会返回boolean
当进行数值运算的时候，true为1，false为0
2.2.2.4、未定义 Undefined
Undefined类型的值只有一个，就是undefined
当声明了一个变量，但是并不给变量赋值时，它的值就是undefined
使用typeof检查一个undefined时也会返回undefined
当进行数值运算时，结果为NaN
2.2.2.5、 空值Null
null这个值专门用来表示空的对象
使用typeof检查一个null值时，会返回object
当进行数值运算时，null为0
2.2.2.6、typeof返回值
number，string，boolean，undefined，object
返回值的是string
2.2.3、数据类型转换
使用表单、prompt获取过来的数据默认是字符串类型的，此时就不能直接进行数值运算，需要将字符串转为数值类型
强制类型转换：指将一个数据类型强制转换为其他的数据类型
通常三种转换
转换为字符串类型
转换为数字型
转换为布尔型
2.2.3.1、转换为字符串类型
（1）、toString()方法
-调用被转换数据类型的toString()方法 语法：变量.toString()
-该方法不会影响到原变量，它会将转换的结果返回 语法：str=变量.toString()
-注意：null和undefined这两个值没有toString的方法，如果调用他们会报错
var a = 123;
//调用a的toString()方法
var b = a.toString(); //将a赋值转换结果赋值给b，再检查b
a = a.toString(); //也可将a赋值转换结果赋值给a，再检查a
console.log(typeof a);
console.log(a);
// 再举例
var c = true;
c = c.toString();
console.log(typeof c);
console.log(c);
/* var d=null;
d=d.toString();
console.log(typeof d)//会报错
var e=undefined;
e=e.toString();
console.log(typeof e) */ //会报错（2）String()
-调用String()函数,并将被转换的数据作为参数传递给函数, 语法：String(变量)
-使用String（）函数做强制类型转换时，对于Number和Boolean实际上就是调用的toString的方法
但对于null和undefined,就不会调用toString()方法， 它会将null直接转换为"null"， 将undefined 直接转换为"undefined"
a = 789;
//调用String()函数，来将a转换为字符串
a = String(a);
a = null;
a = String(a);
a = undefined;
a = String(a);
console.log(a);
console.log(typeof a);（3）拼接字符串（隐式转换）
和字符串拼接的结果都是新字符串,语法：变量+''
var f=123
f=f+''
console.log(f,typeof f);2.2.3.2、转换为数字型（重点）
（1）、 使用Number()函数
字符串-->数字
1:如果是纯数字的字符串，则直接将其转换为数字
2:如果字符串中有非法的数字的内容，则转换为NaN
3:如果字符串是一个空串，或者全是空格的字符串，则转换为0
布尔值--->数字
true--1 false--0
Null --->数字 0
Undefined --->数字 NaN
（2）、parseInt()
可以将一个字符串中的有效的整数取出来，转换为Number,其他类型用parseInt()转换，得到的都是NaN
语法：parseInt(变量)
a='123px';
a=parseInt(a)//调用parseInt()函数，将a转换为Number（3）、parseFloat()
把一个字符串转换为一个浮点数数值型
语法：parseFloat(变量)
a='123.345px';
a=parseFloat(a); 注意：如果对非String使用parseFloat()跟parseInt(),它会先将其转换为String，然后再操作
a=true;
a=parseInt(a);//NaN（4）、js隐式转换
（5）、正号
利用算术运算 - * / 隐式转换为数值型
a = "123";
a = a - 0;//123
a = a / 1;//123
a = a * 1;//123
console.log(a, typeof a);2.2.3.3、转换为布尔型
1、Boolean()函数，将其他类型转成布尔值
- 数字-->布尔 除了0跟NaN是false，其他的都是true
- 字符串-->布尔 除了空串是false，其余都是true
- null和undefined都会转换为false
- 对象会转换为true
2、两次取反
<script>
var a = 123; //true
a = -123; //true
a = 0; //flase
a = NaN; //flase
a = Boolean(a); //调用Boolean()函数来将a转换为布尔值
a = "false"; //true
a = " "; //false
a = null; //false
a = Boolean(a);
a = undefinde; //false
console.log(typeof a);
console.log(a);
</script>
标签：转换,log,javaScript,数据类型,var,2.2,字符串,console From： https://blog.csdn.net/qq_60060362/article/details/143700447