每天学点原生JavaScript（三）数据类型
五种基本数据类型：Undefined、Null、Boolean、Number、String。
一种复杂数据类型：Object。
注意：
Function和Array是一种特殊的Object。可以使用typeof操作符来区分数据类型。
1. Undefined类型
Undefined类型是有一个特殊的值undefined。在使用var声明后但未对其进行初始化时，这个变量的值就是undefined。使用typeof操作符会返回undefined。
注意：未声明和未初始化的变量执行
typeof操作符都返回undefined。对于未声明变量，只能执行typeof这一操作，其他操作都会报错。
2. Null类型
Null类型是第二个只有一个值的数据类型，这个值就是null。null是一个空对象，所以使用typeof操作符会返回object。
注意：undefined值派生自null值，所以相等性测试返回true，即
null == undefined返回true。
3. Boolean类型
Boolean类型有两个字面量：true和false。所有类型的值都会与这两个Boolean值有等价的值，即调用转型函数Boolean()。
转换规则：
- Boolean类型：
true转换为true，false转换为false； - String类型：
非空字符串转换为true，空字符串转换为false； - Number类型：
非零数字值转换为true，0和NaN转换为false； - Object类型：
非空对象转换为true，null转换为false； - Undefined类型：
undefined转换为false。
注意：Boolean值是区分大小写的，即True和False都不是Boolean值。
4. Number类型
Number支持各种数值类型，包含十进制、八进制和十六进制，严格模式下八进制是无效的。进行算术计算时，所有八进制和十六进制数值最终都将被转换成十进制数值。
注意：JavaScript中可以报错正零
+0和负零-0，正零和负零被认为相等。
浮点数值
浮点数值即数值中必须包含一个小数点，且小数点后面至少有一位数字。虽然小数点前面可以没有整数，但不推荐这么做。
由于浮点数值需要的内存空间是保存整数数值的两倍，所以ECMAScript会在适时的情况下将他转换成整数值。对于极大或极小的浮点数，会使用科学计数法进行表示。
var floatNum = .1; // 有效，但不推荐
var floatNum = 10.0; // 解析后为10
var floatNum = 3.125e7; // 等于31250000
注意：浮点数值得最高精度是17位小数，但在算术计算时其精确度远远不如整数。浮点数计算会产生舍入误差的问题，这是基于IEEE754数值的浮点计算的通病。
数值范围
由于内存的限制，ECMAScript并不能保存世界上所有的数值。在大多数浏览器中，最大值和最小值如下：
Number.MIN_VALUE：5e-324；
Number.MAX_VALUE：1.7976931348623157e+308。
如果超过可这个数值范围，则会被转换成负无穷-Infinity和正无穷+Infinity。可以使用isFinite()函数来判断，函数的参数在最大值和最小值之间会返回true。
NaN
即非数值（Not a Number），这个值用来表示一个本来要返回数值的操作却未返回数值的情况。具有两个特点：
- 涉及
NaN的任何操作都会返回NaN； -
NaN的值与任何值都不相等，包含NaN本身。
我们可以使用isNaN()函数来判断是否“不是数值”。即返回true说明传入参数不是数值且不能转换成数值。
数值转换
数值转换的函数有三个：Number()、parseInt()和parseFloat()。第一个可以用于任何数据类型，而另外两个则专门用于把字符串转换成数值。
Number()函数转换规则：
- Boolean类型：
true和false分别被转换为1和0； - Number类型：只是简单的传入和返回；
- Null类型：返回
0； - Undefined类型：返回
NaN； - String类型：如果字符串只包含数字，则将其转换成
十进制数值；如果字符串包含有效的浮点数值，则将其转换成对应的浮点数值；如果字符串包含有效的十六进制格式，则将其转换为相等大小的十进制数值；如果是空字符串，则转换为0；如果包含上述格式以外的字符，则将其转换为NaN； - Object类型：会调用
valueOf()方法，然后依照上面的规则转换返回的值；如果转换的结果是NaN，则调用toString()方法，然后再依照前面的规则返回字符串值。
var num = Number("hello"); // NaN
var num = Number(""); // 0
var num = Number("0011"); // 11
var num = Number(true); // 1
由于Number()函数转换字符串时复杂且不够合理，因此在处理整数时更常用parseInt()函数。转换规则如下：
- 会忽略字符串前面的空格，直到找到第一个非空格字符串；
- 如果第一个不是数字字符或负号，就返回
NaN； - 空字符串：
parseInt()返回NaN；Number返回0； - 从第一个数字字符开始解析，直到遇到一个非数字字符，后面的字符会被忽略；
- 浮点数：小数点之后的会被忽略；
- 参数：
parseInt()第一个参数为字符串，第二个参数为转换时使用的基数，即多少进制。
var num = parseInt("1234blue"); // 1234
var num = parseInt(""); // NaN
var num = parseInt(22.5); // 22
var num = parseInt("0xA"); // 10（十六进制）
var num = parseInt("070"); // 10（八进制）
var num = parseInt("0xAF", 16); // 175
var num = parseInt("AF", 16); // 175
var num = parseInt("AF"); // NaN
parseFloat()类似，也是从第一个字符开始解析，字符串中第一个小数点有效，其余的无效。
- 字符串中第一个小数点有效，第二个就无效了；
- 十六进制字符串始终被转换为
0； - 只能解析十进制数值，因此没有第二个参数；
- 如果字符串包好一个可以解析为整数的数值，则会返回整数。
var num = parseFloat("1234blue"); // 1234
var num = parseFloat("0xA"); // 0
var num = parseFloat("22.5"); // 22.5
var num = parseFloat("22.5.5"); // 22.5
var num = parseFloat("3.125e7"); // 31250000
5. String类型
用于表示由零活多个16位Unicode字符组成的字符序列，即字符串。可以由双引号"或单引号'表示。字符串一旦创建就是不可变的，要改变只能销毁后重新创建。可以使用length属性访问其长度。
字符字面量
-
\n：换行； -
\t：制表； -
\b：退格； -
\r：回车； -
\f：进纸； -
\\：斜杠； -
\'：单引号，在单引号表示的字符串中使用； -
\"：双引号，在双引号表示的字符串中使用； -
\xnn：以十六进制代码nn表示一个字符，n为0~F； -
\unnn：以十六进制代码nnnn表示Unicode字符，n为0~F。
字符串转换
将一个值转换成字符串有两种方式：toString()和String()。toString()和String()方法的区别是前置不能转换null和undefined，而后者可以。
toString()可以传递一个参数：输出数值的基数，即多少进制。
var num = 10;
num.toString(); // "10"（十进制）
num.toString(2); // "1010"（二进制）
var flag = true;
flag.toString(); // "true"
String()转换规则：
- 如果值有
toString()方法，则调用该方法并返回相应的结果； - 如果值是
null，返回"null"； - 如果值是
undefined，返回"undefined"。
6. Object类型
ECMAScript中的对象其实就是一组数据和功能的集合。在ECMAScript中，Object类型是所有它的实例的基础。
Object的每个实例都具有下列属性和方法：
-
constructor()：保存着用于创建当前对象的函数，即构造函数； -
hasOwnProperty(propertyName)：用于检查给定的属性在当前对象实例中（而不是在实例的原型中）是否存在。属性名以字符串格式传入； -
isPrototypeOf(object)：用于检查传入的对象是否是当前对象的原型； -
propertyIsEnumerable(propertyName)：用于检查给定的属性是否能够使用for-in语句类枚举； -
toLocaleString()：返回对象的字符串表示，该字符串与执行环境的地区对应； -
toString()：返回对象的字符串表示； -
valueOf()：返回对象的字符串、数值或布尔值表示。通常与toString()返回值相同。
欢迎大佬纠错指导，欢迎同行交流学习。
GitHub：https://github.com/Code4GL
：https://www.jianshu.com/u/7f5541a6b6d2
知乎：https://www.zhihu.com/people/code4gl/activities
公众号：code_everything
QQ：771841496
邮箱：[email protected]
