JavaScript 数据类型转换

一、转换成字符串类型

  1、toString() 函数

    数值、布尔值、对象和字符串值(每个字符串也都有一个 toString()方法,该方法返回字符串的一个副本)都有 toString()方法。

    null undefined 值没有这个方法

    多数情况下,调用 toString()方法不必传递参数。
    在调用数值的 toString()方法时,可以传递一个参数:输出数值的基数。

    默认情况下, toString()方法以十进制格式返回数值的字符串表示。而通过传递基数, toString()可以输出以二进制、八进制、十六进制,乃至其他任意有效进制格式表示的字符串值
    Demo:

var num = 10;
alert(num.toString());          // "10"   默认十进制
alert(num.toString(2));         // "1010" 二进制
alert(num.toString(8));         // "12"   八进制
alert(num.toString(10));        // "10"   十进制
alert(num.toString(16));        // "a"    十六进制

  2、String() 函数

    在不知道要转换的值是不是 null undefined 的情况下,还可以使用转型函数 String(),这个函数能够将任何类型的值转换为字符串。

    转换规则:

      •  如果值有 toString()方法,则调用该方法(没有参数)并返回相应的结果;
      •     如果值是 null,则返回"null"
      •     如果值是 undefined,则返回"undefined"

    Demo:

var value1 = null;
var value2;
console.log(String(value1));         // "null"
console.log(String(value2));         // "undefined"

  3、拼接字符串方法

    当 + 两边一个操作符是字符串类型,一个操作符是其它类型的时候,会先把其它类型转换成字符串再进行字符串拼接,返回字符串。

    要把某个值转换为字符串,可以使用加号操作符把它与一个空字符串( "")加在一起即可。

二、转换成数值类型

  1、Number() 函数

    该函数可以用于任何数据类型 。

    转换规则:

      •  如果是 Boolean 值, true false 将分别被转换为 1 0
      •    如果是数字值,只是简单的传入和返回。
      •    如果是 null 值,返回 0
      •    如果是 undefined,返回 NaN
      •    如果是字符串,遵循下列规则:
        •     如果字符串中只包含数字(包括前面带正号或负号的情况),则将其转换为十进制数值, "1"会变成 1"123"会变成 123,而"011"会变成 11(注意:前导的零被忽略了);
        •        如果字符串中包含有效的浮点格式,如"1.1",则将其转换为对应的浮点数值(同样,也会忽略前导零);
        •        如果字符串中包含有效的十六进制格式,例如 "0xf",则将其转换为相同大小的十进制整数值;
        •       如果字符串是空的(不包含任何字符),则将其转换为 0
        •       如果字符串中包含除上述格式之外的字符,则将其转换为 NaN
      •  如果是对象,则调用对象的 valueOf()方法,然后依照前面的规则转换返回的值。如果转换的结果是 NaN,则调用对象的 toString()方法,然后再次依照前面的规则转换返回的字符串值。

  2、parseInt() 函数

    该函数专门用于把字符串转换成整数。

    该函数会忽略字符串前面的空格,直至找到第一个非空格字符。

    如果第一个字符不是数字字符或者负号, parseInt()就会返回 NaNparseInt()转换空字符串会返回 NaNNumber()对空字符返回 0)。

    如果第一个字符是数字字符, parseInt()会继续解析第二个字符,直到解析完所有后续字符或者遇到了一个非数字字符。 (遇到小数点不会解析)
   扩展:
    如果字符串中的第一个字符是数字字符, parseInt()也能够识别出各种整数格式(即十进制、八进制和十六进制数)。

    如果字符串以"0x"开头且后跟数字字符,就会将其当作一个十六进制整数;如果字符串以"0"开头且后跟数字字符,则会将其当作一个八进制数来解析。
    但是这样来说并不严谨,对于八进制来说,前面的标识 “0” 可能会被认为无效,从而舍去。所以,可以为这个函数提供第二个参数:转换时使用的基数(即多少进制)。

    Demo:

var num1 = parseInt("10", 2);    //2 (按二进制解析)
var num2 = parseInt("10", 8);    //8 (按八进制解析)
var num3 = parseInt("10", 10);   //10 (按十进制解析)
var num4 = parseInt("10", 16);   //16 (按十六进制解析)

    Tips:多数情况下,我们要解析的都是十进制数值,因此始终将 10 作为第二个参数是非常必要的。

  3、parseFloat() 函数

    该函数专门用于把字符串转换成浮点数。

    该函数也是从第一个字符(位置 0)开始解析每个字符。而且也是一直解析到字符串末尾,或者解析到遇见一个无效的浮点数字字符为止。

    字符串中的第一个小数点是有效的,而第二个小数点就是无效的了,因此它后面的字符串将被忽略 。例:"22.34.5"将会被转换为 22.34
    与 parseInt() 区别:

      始终都会忽略前导的零。 由于 parseFloat()只解析十进制值,因此它没有用第二个参数指定基数的用法。
    Demo:

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

  4、“-0” 操作和 加 “+” 操作

    Demo:

var str = '500';
console.log(+str);		// 取正
console.log(-str);		// 取负
console.log(str - 0);

   分析:对于上面的一个字符串,可以观察到里面是由数字组成的。可以在字符串前面添加 “+” 或者 “-”号使之变成一个数值类型,也可以让字符串执行 “-0” 的操作。

三、转化成布尔类型

  1、Boolean() 函数

    用法

Boolean(参数);

     可以对任何数据类型的值调用 Boolean()函数,而且总会返回一个 Boolean 值。

    转换规则:

    0、‘’(空字符串)、NaN、null 和 undefined 都会转成 false,其他的都为 true。

  2、布尔类型的隐式转换 

    在 if 等流程控制语句中会把下面的值隐式转换成布尔类型:

    转换成 true:  非空字符串、非0数字, true ,任何对象

    转换成 false:  空字符串、0、false、null、undefined

猜你喜欢

转载自www.cnblogs.com/niujifei/p/11298426.html