JavaScript的数据类型

最近在学习JS的数据类型的相关内容，在此就做一些相关的学习笔记。

一、概述

JS的数据类型总共有7种。

1.number（数值），2.string（字符串），3.Boolean（布尔值），4.symbol（符号），5.null，6.undefined，7.object（对象）。其中symbol是ES6新增的，本次记录并不算在内。

数值（number）：整数和小数（比如1和3.14）

字符串（string）：文本（比如Hello World）。

布尔值（boolean）：表示真伪的两个特殊值，即true（真）和false（假）

undefined：表示“未定义”或不存在，即由于目前没有定义，所以此处暂时没有任何值

null：表示空值，即此处的值为空。

对象（object）：各种值组成的集合。

二、数值（number）

JavaScript存储数字的时候都是以64位浮点数形式进行的，整数也是一样的，1和1.0是同一个数。JavaScript提供的有效数字最长为53个二进制位，这就说明精度最多只能到53个二进制位，即在-2^53到2^53之间的数都可以精确表示。

JavaScript 对整数提供四种进制的表示方法：十进制、十六进制、八进制、二进制。

在JavaScript中各种进制的表现形式如下

十进制：没有前导0的数值。

八进制：有前缀0o或0O的数值，或者有前导0、且只用到0-7的八个阿拉伯数字的数值。

十六进制：有前缀0x或0X的数值。

二进制：有前缀0b或0B的数值。

在默认的情况下JavaScript会将十六进制、八进制、二进制转换为十进制。比如：

0xff ——>255，0o377 ——>255，0b11——>3

parseInt方法用于将字符串转换为整数。parseInt('123')——> 123，如果字符串头部有空格，空格会被自动去除，如果parseInt的参数不是字符串，则会先转为字符串在转换，字符串为整数的时候，是一个个字符依次转换，如果遇到不能转为数字的字符，就不在进行下去，返回已经转好的部分，如果字符串的第一个字符不能转化为数字，返回NaN。

JavaScript中可以进行进制的转换，parseInt（‘1000’，2）——>8;parseInt（‘1000’，6）——>216;parseInt（‘1000’，8）——>512；这三个例子分别表示的是二进制、六进制、八进制的1000，分别等于十进制的8、216、512。

parseFloat方法用于将一个字符串转为浮点数，isNaN方法可以用来判断一个值是否为NaN，isFinite方法返回一个布尔值，表示某个值是否为正常的数值。

三、字符串

字符串就是零个或多个排在一起的字符，放在单引号或双引号之中。

单引号字符串的内部，可以使用双引号。双引号字符串的内部，可以使用单引号。如果想在实现在单引号中加入单引号，或者在双引号中引入双引号，可以使用转义符，比如'It\'s a secret'或者"she say \"Hello\""。多行字符串的显示方法有3种：

1.在需要换行的地方添加 \

var s=’123456\

           7890’

在 \ 后面不能有空格。

2.在需要断行的地方使用 + （推荐使用）

var s2=’12345’+

            ‘67890’

在+后面可以有空格。

方法3：使用反引号，数字键1左边的那个键

var s3=`12345

                  6789`

在换行之后，5和6之间会存在换行和空格。

反斜杠（\）在字符串内有特殊含义，用来表示一些特殊字符，所以又称为转义符。需要用反斜杠转义的特殊字符，主要有下面这些。

\0 ：null（\u0000）

\b ：后退键（\u0008）

\f ：换页符（\u000C）

\n ：换行符（\u000A）

\r ：回车键（\u000D）

\t ：制表符（\u0009）

\v ：垂直制表符（\u000B）

\' ：单引号（\u0027）

\" ：双引号（\u0022）

\\ ：反斜杠（\u005C）

字符串可以被视为字符数组，因此可以使用数组的方括号运算符，用来返回某个位置的字符（位置编号从0开始）。但是却无法改变字符串之中的单个字符，length属性返回字符串的长度，该属性也是无法改变的。

JavaScript 不仅以 Unicode 储存字符，还允许直接在程序中使用 Unicode 码点表示字符，即将字符写成\uxxxx的形式，其中xxxx代表该字符的 Unicode 码点。\u00A9代表版权符号。

有时，文本里面包含一些不可打印的符号，比如 ASCII 码0到31的符号都无法打印出来，这时可以使用 Base64 编码，将它们转成可以打印的字符。所谓 Base64 就是一种编码方法，可以将任意值转成 0～9、A～Z、a-z、+和/这64个字符组成的可打印字符。使用它的主要目的，不是为了加密，而是为了不出现特殊字符，简化程序的处理。

btoa()：任意值转为 Base64 编码

atob()：Base64 编码转为原来的值

要将非 ASCII 码字符转为 Base64 编码，必须中间插入一个转码环节，再使用这两个方法。

functionb64Encode(str){

    returnbtoa(encodeURIComponent(str));

}

functionb64Decode(str){

returndecodeURIComponent(atob(str));

}

b64Encode('你好')// "JUU0JUJEJUEwJUU1JUE1JUJE"

b64Decode('JUU0JUJEJUEwJUU1JUE1JUJE')// "你好"

四、布尔值

布尔值代表“真”和“假”两个状态。“真”用关键字true表示，“假”用关键字false表示。布尔值只有这两个值。

两元逻辑运算符： && (And)，|| (Or)

前置逻辑运算符： ! (Not)

相等运算符：===，!==，==，!=

比较运算符：>，>=，<，<=

如果 JavaScript 预期某个位置应该是布尔值，会将该位置上现有的值自动转为布尔值。转换规则是除了下面六个值被转为false，其他值都视为true。

undefined

null

false

0

NaN

""或''（空字符串）

五、null和undefined

null和undefined都表示没有，但是为什么有两个量表示没有值的情况呢？这是因为在JS语言中设计的时候没有设计好（这是JS的一段黑历史）

两者的主要区别是：

对于一个没有赋值的对象（object）就用null表示；

对于一个没有赋值的非对象数据就用undefined表示；

以上的数据类型可以归为基本数据类型（简单数据类型）

六、对象（object）

对象（object）是复杂的数据类型，而复杂数据类型就是简单数据类型的组合。

什么是对象？简单说，对象就是一组“键值对”（key-value）的集合，是一种无序的复合数据集合。对象是通过哈希表来建立的，对象的所有键名都是字符串（ES6 又引入了 Symbol 值也可以作为键名），而对象中的value值可以是字符串，数字，布尔值，undefined和null，以及对象，比如

var person= {

         key:value,

         name:‘张三’,  

         age:18,

         married:true,

        xiaosan:undefined,

        children: {name:’xxx’,age:1}

}

每一个键值对与下一个键值对之间需要添加一个逗号，最后一个键值对后面可以不需要添加逗号。

对象引用的时候可以有如下形式：

person[‘name’],(对)

person.name,(对)

person[name],(错)

key在调用的时候是字符串，就不能直接是调用，key可以是空字符串但是需要加上单引号或者双引号

加上单引号或者双引号的object功能更加强大。比如9a：’frank’会报错，而‘9a’：’frank’就不会报错，键名的取名是需要满足标识符的规则，此时调用的时候可以使用person.name。但是一般情况下都是不加引号，加引号在编写代码的时候是比较麻烦的，所以大家在编写代码的时候一般都不加引号，而是选择规范的命名。

如何打印出一个哈希表中的key和value

var person = {

name: ‘frank’,

age:18

}

for(var key in person){

         console.log(key,person[key])

}

七、如何知道一个数据的类型

使用typeof

但是会出现的bug有两个：

1.typeof null   // ‘object’

2.var function f(){}

typeof  f  // "function"

而其他返回的typeof就是正常的情况

var t = 1;

typeof t   // "number"

此处做的是比较简单的记录，主要是通过学习阮一峰老师的JavaScript的教程得来的，他的教程的链接是wangdoc.com/javascript，随着不断地学习将会做更多记录。