目录
- 概述
- typeof运算符
- number（数字）
- string（字符串）
- boolean（布尔）
- undefined & null
- object（对象）
概述
数值（number）：整数和小数（比如1和3.14）
字符串（string）：文本（比如Hello World）。
布尔值（boolean）：表示真伪的两个特殊值，即true（真）和false（假）
undefined：表示“未定义”或不存在，即由于目前没有定义，所以此处暂时没有任何值
null：表示空值，即此处的值为空。
Symbol：es6新增的类型的值
对象（object）：各种值组成的集合。狭义的对象（object）,数组（array）,函数（function）
object是复杂数据类型，是由简单的数据类型组成的，除object外均为基础数据类型/简单数据类型
typeof运算符
JavaScript有三种方法，可以确定一个值到底是什么类型。
- typeof运算符
- instanceof运算符
- Object.prototype.toString方法
下面使用typeof运算符判断数据类型
例子：
typeof 123 //"number"
typeof "123" //"string"
typeof true //"boolean"
typeof undefined //"undefined"
typeof null //"object"
typeof function f(){} //"object"
typeof [] //"object"
typeof {} //"object"
从上面的例子的结果，你会发现为什么null的类型不是null，而是object等等的问题
JS的2个Bug
- typeof null //"object"
- typeof function f(){} //"function"
null的类型是object，这是由于历史原因造成的。1995年的 JavaScript 语言第一版，只设计了五种数据类型（对象、整数、浮点数、字符串和布尔值），没考虑null，只把它当作object的一种特殊值。后来null独立出来，作为一种单独的数据类型，为了兼容以前的代码，typeof null返回object就没法改变了
number
1.1 整数和浮点数
JavaScript 语言的底层根本没有整数，所有数字都是小数（64位浮点数）由于浮点数不是精确的值，所以涉及小数的比较和运算要特别小心
1.2 数值精度
根据国际标准 IEEE 754，JavaScript 浮点数的64个二进制位，从最左边开始，是这样组成的。
- 第1位：符号位，0表示正数，1表示负数
- 第2位到第12位（共11位）：指数部分
- 第13位到第64位（共52位）：小数部分（即有效数字）
- 符号位决定了一个数的正负，指数部分决定了数值的大小，小数部分决定了数值的精度。
1.3 数值范围
根据标准，64位浮点数的指数部分的长度是11个二进制位，意味着指数部分的最大值是2047（2的11次方减1）。也就是说，64位浮点数的指数部分的值最大为2047，分出一半表示负数，则 JavaScript 能够表示的数值范围为21024到2-1023（开区间），超出这个范围的数无法表示。
2.表示的方式
就是直接表示和科学计数法两种方式,特殊情况，JavaScript 会自动将数值转为科学计数法表示，其他情况都采用字面形式直接表示。
//小数点前的数字多于21位
1234567890123456789012
// 1.2345678901234568e+21
//小数点后的零多于5个，就自动转为科学计数法
0.0000003 // 3e-7
3.数值的进制
直接表示的时候也是可以输入十进制之外的进制数的，比如二进制、八进制、十六进制。
- 十进制（decimal）：没有前导0的数值。
- 八进制（octonary）：有前缀0o或0O的数值，或者有前导0、且只用到0-7的八个阿拉伯数字的数值。
- 十六进制（hexadecimal）：有前缀0x或0X的数值。
- 二进制（binary）：有前缀0b或0B的数值。
255 //255
0xff // 255
0377 // 255
0b11 // 3
4.特殊的值
- 正零和负零：JavaScript 内部实际上存在2个0：一个是+0，一个是-0，区别就是64位浮点数表示法的符号位不同。它们是等价的。
- NaN是 JavaScript 的特殊值，表示“非数字”（Not a Number），主要出现在将字符串解析成数字出错的场合。真正的奇葩，因为他自己也不等于自己。
NaN === NaN // false - Infinity表示“无穷”，用来表示两种场景。一种是一个正的数值太大，或一个负的数值太小，无法表示；另一种是非0数值除以0，得到Infinity。
Infinity的四则运算，符合无穷的数学计算规则。
0乘以Infinity，返回NaN；0除以Infinity，返回0；Infinity除以0，返回Infinity。
Infinity加上或乘以Infinity，返回的还是Infinity。
Infinity减去或除以Infinity，得到NaN。
Infinity与null计算时，null会转成0，等同于与0的计算。
Infinity与undefined计算，返回的都是NaN。
5.与数值相关的全局方法
- parseInt（）//将字符串转为整数，自动去除字符串头部的空格，parseInt的参数如果不是字符串，会先转换为字符串再转换。遇到不是数字的就停止。如果字符串的第一个字符不能转化为数字（后面跟着数字的正负号除外），返回NaN。
- parseFloat（）//将一个字符串转为浮点数,如果字符串包含不能转为浮点数的字符，则不再进行往后转换，返回已经转好的部分。InFinity、NaN、undefined、返回false。parseFloat会将空字符串转为NaN。
- isNaN（）//判断一个值是否为NaN
- isFinity（）//表示某个值是否为正常的数值。只对+InFinity、-InFinity、NaN、undefined、返回false。
parseInt方法还可以接受第二个参数（2到36之间），表示被解析的值的进制，返回该值对应的十进制数。默认情况下，parseInt的第二个参数为10，即默认是十进制转十进制。
parseInt(' 81') // 81
parseInt('15px') // 15
parseInt('1000', 2) // 8
parseFloat('3.14more non-digit characters') // 3.14
isNaN('Hello') // true
isFinite(null) // true
string
字符串就是零个或多个排在一起的字符，放在单引号或双引号之中。
奇葩需求1：
- 在单引号字符串的内部，使用单引号
- 在双引号字符串的内部，使用双引号
我不能使用小技巧，那我只能叫我大哥（转义符）出来走一下啦
'Did she say \'Hello\'?'
// "Did she say 'Hello'?"
"Did she say \"Hello\"?"
// "Did she say "Hello"?"
奇葩需求2：长字符串必须分成多行
解决方法：
//方法1（坑人语法），但是使用不小心会出bug，记得反斜杠的后面必须是换行符，而不能有其他字符（比如空格），否则会报错，不信，你可以试一下
var s1 = '12345\
67890'
//方法2（好读语法）
var s2 = '12345'+
'67890'
//方法3（ES6新出的），使用反引号（1左边的符号）
var s3 = `12345
67890`
s3.length //11,会包含回车
boolean
布尔值相当于是一个开关，布尔值代表“真”和“假”两个状态。“真”用关键字true表示，“假”用关键字false表示。布尔值只有这两个值。
例子：
var a = true;
if(a){
console.log("条件为真");
}else{
console.log("条件为假");
}
下列运算符会返回布尔值：
- 两元逻辑运算符： && (And)，|| (Or)
- 前置逻辑运算符： ! (Not)
- 相等运算符：===，!==，==，!=
- 比较运算符：>，>=，<，<=
敲黑板，重点来啦
除了下面六个值被转为false，其他值都视为true
null undefined ''"/''(空字符串) null false NaN
undefined & null
null与undefined都可以表示“没有”，含义非常相似。将一个变量赋值为undefined或null，老实说，语法效果几乎没区别。
- null是一个表示“空”的对象
- undefined是一个表示"此处无定义"的原始值
那我偏偏说他们俩是有具体区别怎么办？ - （语法规范）如果一个变量被声明了，但是没有被赋值，那么这个变量的值就是 undefiend
- （惯例）如果想要表示一个还没赋值的对象，就用 null。如果想要表示一个还没赋值的非对象（字符串/数字/布尔/symbol），就用 undefined
总结
null和undefined用法
变量没有值 ——undefined
想有一个对象object，现在不想赋值——null 如：var object = null （空对象）
有一个非对象，不想给值 —— undefined 如：var a （空非对象）
object
对象就是一组“键值对”（key-value）的集合，是一种无序的复合数据集合。key代表键名，value代表键值
- key
对象的所有键名都是字符串。如果键名是数值，会被自动转为字符串。如果键名不符合标识名的条件（比如第一个字符为数字，或者含有空格或运算符），且也不是数字，则必须加上引号，否则会报错。
2.value
value的值可以是任意的数据类型
3.属性的读取
读取对象的属性，有两种方法，一种是使用点运算符，还有一种是使用方括号运算符。
var obj = {
123: 'hello world'
};
obj.123 // 报错
obj[123] // "hello world"
4.属性的赋值
点运算符和方括号运算符，不仅可以用来读取值，还可以用来赋值。
例子：
var obj = {
name: 'frank'
}
此时obj.name和obj['name']的值都为'frank'
obj[name] 的值为undefined
5.属性的查看
查看一个对象本身的所有属性，可以使用Object.keys方法。
var obj = {
key1: 1,
key2: 2
};
Object.keys(obj);
// ['key1', 'key2']
6.属性的删除：delete 命令
delete命令用于删除对象的属性（删除键名和键值），删除成功后返回true。
delete命令会返回false，那就是该属性存在，且不得删除。
7.属性是否存在：in 运算符
in运算符用于检查对象是否包含某个属性（注意，检查的是键名，不是键值），如果包含就返回true，否则返回false。它的左边是一个字符串，表示属性名，右边是一个对象。
var obj = { p: 1 };
'p' in obj // true
'toString' in obj // true
8.属性的遍历：for...in 循环
for...in循环用来遍历一个对象的全部属性。
var obj = {a: 1, b: 2, c: 3};
for (var i in obj) {
console.log('键名：', i);
console.log('键值：', obj[i]);
}
- 它遍历的是对象所有可遍历（enumerable）的属性，会跳过不可遍历的属性。
- 它不仅遍历对象自身的属性，还遍历继承的属性。
9.with 批量操作
操作同一个对象的多个属性
建议不要使用with语句，可以考虑用一个临时变量代替with。
参考资料：
阮一峰JavaScript 标准参考教程
本文摘自 饥人谷_区家乐 你真的了解JS的数据类型？
