JS 里的数据类型（整理）

目录

• 概述
• typeof运算符
• number（数字）
• string（字符串）
• boolean（布尔）
• undefined & null
• object（对象）

概述

JavaScript的7种数据类型

数值（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代表键值

1. 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的数据类型？