学习笔记3—JavaScript的数据类型

1 数据类型

ECMAScript有6种简单的数据类型（也成为原始类型）：Undefined、Null、Boolean、Number、String和Symbol。Symbol（符号）是ECMAScript6新增的。还有一种复杂数据类型叫Object（对象）。

1.1 typeof操作符

因为ECMAScript的类型是松散的，所以需要一种手段来确定任意变量的数据类型。对一个值使用typeof操作符会返回下列字符串之一：
“undefined”表示值未定义
“boolean”表示值为布尔值
“string”表示值为字符串
“number”表示值为数值
“object”表示值为对象或null
“function”表示值为函数
“symbol”表示值为符号

        let message = "some string"; 
        console.log(typeof message); //"string"
        console.log(typeof(message)); //"string"
        console.log(typeof 95); //"number"

因为typeof是一个操作符而不是一个函数，因此不需要参数，但可以使用参数。注意typeof在某些情况下返回的结果可能让人费解，但技术上讲是正确的。比如调用typeof null返回是"object"。这是因为特殊值null被认为是一个空对象的引用。typeof返回的值是字符串：

        let message;
        console.log(typeof typeof message); //string

严格来讲函数在ECMAScript中被认为是对象，并不代表一种数据类型。可是函数也有自己特殊的属性，因此，就有必要通过typeof操作符来区分函数和其他对象。

1.2 Undefined类型

Undefined类型只有一个值，就是特殊值undefined。当使用var或let声明了变量但没有初始化时，就相当于给变量赋予了undefined值。

        let message;
        console.log(message == undefined); //true

在ECMA-262第3版之前是不存在的。增加这个特殊值目的是为了明确空对象指针null和未初始化变量的区别。
注意包含undefined值的变量和未定义变量是有区别的：

        let message;
        console.log(message); //undefined
        console.log(age); //undefined
        
        console.log(message); //undefined
        console.log(age); //报错

无论是声明还是未声明，typeof返回的都是字符串undefined。我们建议在声明变量的同时进行初始化，这样在typeof返回undefined时，就会知道是未声明而不是声明了但未初始化。undefined是一个假值：

        let message; //声明但未初始化
        //age未声明

        if (message) {
    
    
            //这个块不会执行
        }

        if (!message) {
    
    
            //这个块会执行
        }

        if (age) {
    
    
            //报错
        }

1.3 Null类型

Null类型同样只有一个值，即特殊值null。逻辑上讲，null值表示一个空对象指针，这也是给typeof传一个null会返回"object"的原因：

        let car = null;
        console.log(typeof car);//object

在定义将来要保存对象值的变量时，建议使用null来初始化，不要使用其他值。这样只要检查这个变量的值是不是null就可以知道这个变量是否在后来被重新赋予了一个对象的引用，比如：

if(car != null){
    
    
	//car是一个对象的引用
}

undefined值是null值派生而来的，因此ECMA-262将它们定义为表面上相等，如：

console.log(null == undefined);//true

null是一个假值：

        let car = null;
        if(car){
    
    
            //这个块不会执行
        }

        if(!car){
    
    
            //这个块会执行
        }

1.4 Boolean类型

Boolean类型有两个字面值：true和false，这两个布尔值不同于数值，因此true不等于1，false不等于0。注意布尔值字面量true和false是区分大小写的，因此True和False是有效的标识符而不是布尔值。
虽然布尔值只有两个，但所有其他ECMAScript类型的值都有相应布尔值的等价形式。要将一个其他类型的值转换为布尔值，可以调用特定的Boolean()转型函数：

        let message = "Hello world";
        let messageAsBoolean = Boolean(message);

在这个例子中字符串message会被转换为布尔值并保存在变量messageAsBoolean中，Boolean()转型函数可以在任意类型的数据上调用，而且始终返回一个布尔值。下表总结了不同类型与布尔值之间的转换规则：

数据类型	转换为true的值	转换为false的值
Boolean	true	false
String	非空字符串	" " 空字符串
Number	非0数值	0、NaN
Object	任意对象	null
Undefined	N/A（不存在）	undefined

理解以上转换非常重要，因为像if等流程控制语句会自动执行其他类型的值到布尔值的转换，例如：

        let message = "Hello world!";
        if (message){
    
    
            console.log("Value is true");
        }

在这个例子中，console.log会输出字符串Value is true，因为字符串message会被自动转换为等价的布尔值true。

1.5 Number类型

整数也可以用八进制或十六进制字面量表示，对于八进制字面量，第一个数字必须是0，然后是相应的八进制数字。如果字面量中包含的数字超出了应有的范围，就会忽略前缀的0，后面的数字序列会被当成十进制数，如下：

        let octalNum1 = 070; //8进制的56
        let octalNum2 = 079; //无效的8进制，当成79处理
        let octalNum3 = 08; //无效的8进制，当成8处理

要创建16进制字面量，必须让真正的数值前缀0x（区分大小写），然后是16进制数字（0~9以及0~F），十六进制数字中的字母大小写均可：

        let hexNum1 = 0xA; //16进制的10
        let hexNum2 = 0x1f; //16进制的31

（1）浮点值
要定义浮点值，数值中必须包含小数点，而且小数点后面必须至少有一个数字。虽然小数点前面不是必须有整数，但推荐加上：

        let floatNum1 = 1.1;
        let floatNum2 = 0.1;
        let floatNum3 = .1;

因为存储浮点值使用的内存空间是存储整数值的两倍，因此ECMAScript总是想方设法把值转换为整数。在小数点后面没有数字的情况下，数值就会变成整数，如果数值本身就是整数，只是小数点后面跟着0，那它也会被转换为整数
科学计数法：ECMAScript中科学计数法的格式要求是一个数值（整数或浮点数）后跟一个大写或小写字母e，再加上一个要乘的10的多少次幂：

let floatNum = 3.125e7;

浮点值的精确度最高可达17位小数，但是算数计算中远不如整数精确，例如0.1+0.2得到的不是0.3，而是0.30000000000000004，由于这种微小的舍入错误，导致很难测试特定的浮点值：

        let a = 0.3,
            b = 0.1;
        if (a + b == 0.3) {
    
    
            console.log("You got 0.3");
        }

（2）值的范围
ECMAScript可以表示的最小数值保存在Number.MIN_VALUE中，这个值在多数浏览器中是5e-324；可以表示的最大数值保存在Number.MAX_VALUE中，这个值在多数浏览器中是1.7976931348623157e+308。如果某个计算得到的值结果超出了JavaScript可以表示的范围，那么这个数值就会被自动转换为一个特殊的Infinity（无穷）值。任何无法表示的负数以-Infinity（负无穷大）表示，任何无法表示的正数以Infinity（正无穷大）表示。
要确定一个值是不是有限大，可以使用isFinite()函数。
（3）NaN
有一个特殊的数值叫NaN，意思是不是数值（Not a Number），用于表示本来要返回数值的操作失败了。比如，用0除任意数值在其他语言中通常都会导致错误，从而中止代码执行。但在ECMAScript中0、+0或-0相除会返回NaN：

        console.log(1 / 0); //Infinity
        console.log(-1 / 0); //-Infinity
        console.log(-0 / 0); //NaN

NaN的独特属性：任何涉及NaN的操作始终返回NaN，其次NaN不等于包含NaN在内的任何值。

        console.log(NaN == NaN); //false;

为此，ECMAScript提供了isNaN()函数。该函数接受一个参数，可以是任意数据类型，然后判断这个参数是否“不是数值”。把一个值传给isNaN()后，该函数会尝试把它转换为数值。某些非数值的值可以直接转换成数值，任何不能转换为数值的值都会导致这个函数返回true：

        console.log(isNaN(NaN));//true
        console.log(isNaN(10));//false
        console.log(isNaN("10"));//false
        console.log(isNaN("blue")); //true
        console.log(isNaN(true));//false

（4）数值转换
有3个函数可以将非数值转换为数值：Number()、parseInt()和parseFloat()。Number()是转型函数，可以用于任何数据类型。后两个函数主要用于将字符串转换为数值。对于同样的参数，这三个函数执行的操作也不同。
Number()函数基于如下规则执行转换：
布尔值，true转换为1，false转换为0.
数值，直接返回。
null，返回0.
undefined，返回NaN
字符串，应用以下规则：

• 如果字符串包含数值字符，包括数值字符前面带加、减号的情况，则转换为一个十进制数值。因此，Number(“1”)返回1，Number(“123”)返回123，Number(“011”)返回11(忽略前面的0)；
• 如果字符串包含有效的浮点值格式如"1.1"，则会转换为相应的浮点值（同样会忽略前面的0）。
• 如果字符串包含有效的十六进制格式如“0xf”，则会转换为与该十六进制对应的十进制整数值。
• 如果是空字符串则返回0
• 如果字符串包含除上述情况之外的其他字符，则返回NaN。

对象，调用valueOf()方法，并按照上述规则转换返回的值。如果转换结果是NaN，则调用toString()方法，再按照转换字符串的规则转换。

        let num1 = Number("Hello world"); //NaN
        let num2 = Number(""); //0
        let num3 = Number("000011"); //11
        let num4 = Number(true); //1

parseInt()：
考虑到用Number()函数转换字符串时相对复杂而且有点反常规，通常在需要得到整数时可以优先使用parseInt()函数。parseInt()函数更专注于字符串是否包含数值模式。字符串最前面的空格会被忽略，从第一个非空格字符串开始转换。如果第一个字符串不是数值字符、加号或减号，parseInt()立即返回NaN。这意味着空字符串也会返回NaN（这点跟Number()不一样，它返回0）。如果第一个字符是数值字符、加号或减号，则继续依次检测每个字符，直至字符串末尾，或碰到非数值字符。如“1234blue”会被转换为1234，因为blue会被完全忽略。类似地，“22.5”会被转换为22，因为小数点不是有效的整数字符。
parseInt()函数也能识别不同的整数格式（十进制、八进制、十六进制）。如果字符串以"0x"开头，就会被解释为16进制，如果字符串以"0"开头，且紧跟着数值字符，在非严格模式下会被某些实现解释为8进制整数：

        let num1 = parseInt("1234blue");//1234
        let num2 = parseInt("");//NaN
        let num3 = parseInt("0xA"); //10
        let num4 = parseInt(22.5); //22
        let num5 = parseInt("70"); //70
        let num6 = parseInt("0xf");//15

不同的数值格式很容易混淆，因此parseInt()也接受第二个参数，用于指定底数，如果知道要解析的值是16进制，那么可以传入16作为第二个参数，以便正确解析：

let num = parseInt("0xAF",16);

事实上，如果提供了16进制参数，那么字符串前面的0x可以省略。
parseFloat()：
parseFloat()函数的工作方式跟parseInt()函数类似，都是从位置0开始检测每个字符。同样，它也是解析到字符串末尾或者解析到一个无效的浮点数值字符为止。这意味着第一次出现的小数点是有效的，但第二次出现的小数点就无效了，此时字符串的剩余字符都会被忽略。
parseFloat()函数的另一个不同之处在于，它始终忽略字符串开头的0.这个函数能识别前面讨论的所有浮点格式，以及十进制格式（开头的0始终被忽略）。16进制数值始终会返回0.因此parseFloat()只解析十进制值，因此不能指定底数。

        let num1 = parseFloat("1234blue");//1234
        let num2 = parseFloat("0xA");//0
        let num3 = parseFloat(22.5); //22.5
        let num4 = parseFloat("22.34.5"); //22.34
        let num5 = parseFloat("0908.5"); //908.5
        let num6 = parseFloat("3.125e7");//31250000

1.6 String类型

字符串可以使用双引号（"）、但引号（’）或反引号（`）标识，因此下面的代码都是合法的：

        let firstName = "John";
        let lastName = 'Jacob';
        let lastName = `Jingleheimerschmidt`;

ECMAScript语法中表示字符串引号没有区别。
（1）字符字面量
字符串数据类型包含一些字符字面量，用于表示非打印字符或有其他用途的字符：

字面量	含义
\n	换行
\t	制表
\b	退格
\r	回车
\f	换页
\	反斜杠()
’	单引号
"	双引号
`	反引号
\xnn	以十六进制编码nn表示的字符（其中）n是十六进制数字0~F，例如\x41等于"A"
\unnn	以十六进制编码nnnn表示的Unicode字符（其中n是十六进制数字0~F），例如\u03a3等于希腊字母“$$\Sigma$$”

        let firstName = "John";
        console.log(firstName.length);

转义序列表示一个字符，字符串的长度可以通过其length属性获取。
（2）字符串的特点
ECMAScript中的字符串是不可变的（immutable），意思是一旦创建，它们的值就不能变了。要修改某个变量中的字符串值，必须先销毁原始的字符串，然后将包含新值的另一个字符串保存到该变量。
（3）转换为字符串
有两种方式把一个值转换为字符串。首先是使用几乎所有值都有的toString()方法，这个方法唯一的用途就是返回当前值的字符串等价物：

        let age = 11;
        let ageAsString = age.toString();
        let found = true;
        let foundAsString = found.toString();

toString()方法可见于数值、布尔值、对象和字符串值。null和undefined值没有toString()方法。
如果你不确定一个值是不是null或者undefined，可以使用String()转型函数，它始终会返回表示相应类型值的字符串。

        let value1 = 10;
        let value2 = true;
        let value3 = null;
        let value4;

        console.log(String(value1));
        console.log(String(value2));
        console.log(String(value3));
        console.log(String(value4));

（4）模板字面量
ECMAScript6新增了使用模板字面量定义字符串能力。与使用单引号或双引号不同，模板字面量保留换行字符，可以跨行定义字符串：

        let value1 = 'first line\nsecond line'
        let value2 = `first line
second line`;
        console.log(value1);
        //first line
        //second line

        console.log(value2);
        //first line
        //second line

顾名思义，模板字面量在定义模板时特别有用，比如下面这个HTML模板：

        let pageHTML = `
        <div>
            <a href = "#">
                <span>Jake</span>
            </a>
        </div>
        `;

由于模板字面量会保持反引号内部的空格，因此在使用时要格外注意。格式正确的模板字符串看起来可能缩进不当。
（5）字符串插值
模板字面量最常用的一个特性是支持字符串插值，也就是可以在一个连续定义中插入一个或多个值。技术上讲，模板字面量不是字符串，而是一种特殊的JavaScript句法表达式，只不过求值得到的是字符串。模板字面量在定义时立即求值并转换为字符串实例，任何插入的变量也会从它们最近的作用域中取值。
字符串插值通过在${}中使用一个JavaScript表达式实现：

        let value = 5;
        let exponent = 'second';
        //以前，字符串插值是这样实现的
        let interpolatedString = value + ' to the ' + exponent + ' power is ' + (value * value);

        //现在可以用模板字面量这样实现：
        let interpolatedTemplateLiteral = `${
      
      value} to the ${
      
      exponent} power is ${
      
      value*value}`;

        console.log(interpolatedString);
        console.log(interpolatedTemplateLiteral);

所有插入的值都会使用toString()强制转型为字符串，而且任何JavaScript表达式都可以用于插值。在插值表达式中可以调用函数和方法：

        function capitalize(word) {
    
    
            return `${
      
      word[0].toUpperCase()}${
      
      word.slice(1)}`;
        }
        console.log(`${
      
      capitalize('hello')},${
      
      capitalize('world')}！`);