js-typeof和变量强制类型转换

前言

强制类型转换

类型转换主要指，将指定的数据类型，转换为：String、Number、Boolean。 null || undefined ?

typeof 运算符

typeof()表示“获取变量的类型”，返回的是小写

返回结果：

• typeof 数值的返回结果：number
• typeof 字符串的返回结果：string
• typeof 布尔型的返回结果：boolean
• typeof undefined的返回结果：undefined
• typeof null的返回结果：?

只要是数，就是 number 数值型的。

其他的简单类型 --> String 字符串变换

方法一：变量+"" 或者 变量+"abc"

举例如下：

    var a = 123;
    console.log(a + '');
    console.log(a + 'haha');

方法二：调用toString()方法

变量.toString()

    var a = 123;
    console.log(a.toString());

【重要】该方法不会影响到原变量。

注意：null和undefined这两个值

另外，Number类型的变量，在调用toString()时，可以在方法中传递一个整数作为参数。

        var a = 255;
        a = a.toString(2);
        console.log(a);
        console.log(typeof a);

方法三：使用String()函数

格式如下：

String(变量)

使用String()函数做强制类型转换时：

• 对于Number和Boolean而言，实际上就是调用toString()方法。
• 但是对于null和undefined，就不会调用toString()方法。

    console.log(String(null)) // typeof
    console.log(String(undefined))

prompt()：用户的输入

prompt() 类型?

其他的数据类型 --> Number

方式一：使用Number()函数

情况一：字符串 --> 数字

• 1.如果字符串中是纯数字，则直接将其转换为数字。
• 2.如果字符串中有非数字的内容，则转换为?。(typeof ?)
• 3.如果字符串是一个空串或者是一个全是空格的字符串，则转换为?。

情况二：布尔 --> 数字

• true 转成 ?
• false 转成 ?

情况三：null --> 数字

• 结果为：?

情况四：undefined --> 数字

• 结果为：?

方式二：parseInt()：字符串 -> 整数【重要】

parseInt()是专门用来对付字符串的。

parseInt()的作用是将字符串中的有效的整数内容转为数字。parse表示“转换”，Int表示“整数”（注意Int的拼写）。例如：

    parseInt("5");

parseInt()还具有以下特性：

（1）只保留字符串最开头的数字

    console.log(parseInt("2017写了6篇文章"));

    console.log(parseInt("2017.01写了6篇文章")); 

    console.log(parseInt("aaa2017.01写了6篇文章"));

（2）自动带有截断小数的功能。

例1：

    var a = parseInt(5.8) + parseInt(4.7);
    console.log(a);

例2：

    var a = parseInt(5.8 + 4.7);
    console.log(a);

（3）如果对非String使用parseInt()或parseFloat()，它会先将其转换为String然后再操作。

比如：

    var a = true;
    console.log(parseInt(a));  

    var b = null;
    console.log(parseInt(b)); 

    var c = undefined;
    console.log(parseInt(c)); 

    var d = 168.23;
    console.log(parseInt(d)); 

（4）带两个参数时，表示进制转换。

parseFloat()：字符串 --> 浮点数（小数）

parseFloat()是专门用来对付字符串的。

parseFloat()的作用是：将字符串转换为浮点数。

parseFloat()和parseInt()的作用类似，不同的是，parseFloat()可以获得有效的小数部分。

代码举例：

    var a = '123.456.789px';
    console.log(parseFloat(a));

转换为 Boolean

将其他的数据类型转换为Boolean，可以使用Boolean()函数。

• 情况一：数字 --> 布尔。-1 0 1 NaN。
• 情况二：字符串 ---> 布尔。空字符串?。
• 情况三：null和undefined转换为?。
• 情况四：对象会转换为?。

其他进制的数字

• 16进制的数字，以0x开头
• 8进制的数字，以开头
• 2进制的数字，0b开头（不是所有的浏览器都支持：chrome和火狐支持，IE不支持）

比如070这个字符串，如果我调用parseInt()转成数字时，有些浏览器会当成8进制解析，有些会当成10进制解析。

所以，比较建议的做法是：可以在parseInt()中传递第二个参数，来指定数字的进制。例如：

    a = "070";

    a = parseInt(a,10);