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进制的数字,以0开头
  • 2进制的数字,0b开头(不是所有的浏览器都支持:chrome和火狐支持,IE不支持)

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

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

    a = "070";

    a = parseInt(a,10);
阅读剩余
THE END