[JavaScript]JavaScript中的类型转换

其他类型转换成string

• toString() 方法

  • 数值，布尔值，对象，字符串值都拥有此方法，null 和 undeined 没有此方法。

  • 可以使用参数来指定转换的进制，如果不传入参数，默认以十进制转换。

    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"

    1 2 3 4 5 6 7

    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"

• String() 函数

  • 可以转换任何类型的值。
  • 会先测试此参数是否有 toString() 方法，有则调用 toString() 方法。

  • 参数为 null 返回 “null” ，为 undefined 则返回 “undefined” 。

    var value1 = 10; var value2 = true; var value3 = null; var value4; alert(String(value1)); // "10" alert(String(value2)); // "true" alert(String(value3)); // "null" alert(String(value4)); // "undefined"

    1 2 3 4 5 6 7 8 9 10 11

    var value1 = 10; var value2 = true; var value3 = null; var value4;     alert(String(value1)); //  "10" alert(String(value2)); //  "true" alert(String(value3)); //  "null" alert(String(value4)); //  "undefined"

其他类型转换成 number

• Number() 函数

  • 如果参数是布尔值，true 和 false 分别返回 1 和 0。
  • null 返回 0， undefined 返回 NaN。
  • 如果是字符串：
    • 字符串中只包含数字，转换为十进制数值；
    • 如果包含有效的浮点格式，比如 “1.1”，转换为对应的浮点数值；
    • 如果包含有效的十六进制格式，比如 “0xf” ，转换为对应的十进制整数；
    • 如果字符串为空，转换为0；
    • 如果包含除上述格式之外的字符，转换为 NaN 。
  • 如果是对象，先调用 valueOf() 方法，如果返回 NaN ，继续调用 toString() 方法。

• parseInt() 函数

  • 只用于转换字符串。
  • 如果字符串的第一个非空字符不是数字或者负号字符，返回 NaN。
  • 如果第一个字符是数字字符，会继续解析第二个，知道解析完所有后续字符或者遇到了一个非数字字符。
  • 可以解析出十六进制和八进制。

  • 第二个参数表示解析的进制。

    parseInt("1234abc") //1234 parseInt("") //NaN parseInt("22.5") //22 parseInt("0xA", 16) //10 parseInt("070", 8) //50

    1 2 3 4 5 6

    parseInt("1234abc")  //1234 parseInt("")         //NaN parseInt("22.5")     //22 parseInt("0xA", 16)  //10 parseInt("070", 8)   //50

• parseFloat() 函数

  • 只用于转换字符串。
  • 解析过程类似 parseInt() ，但是可以解析出第一个小数点后面的数值，第二个小数点就是无效的了。
  • 只解析十进制，因此没有第二个参数。

  • 如果解析出来的数值没有小数点，则返回整数。

    parseFloat("1234abc") //1234 parseFloat("0xA") //0 parseFloat("22.5") //22.5 parseFloat("22.5.55") //22.5 parseFloat("3.125e7") //32150000

    1 2 3 4 5 6

    parseFloat("1234abc")  //1234 parseFloat("0xA")      //0 parseFloat("22.5")     //22.5 parseFloat("22.5.55")  //22.5 parseFloat("3.125e7")  //32150000

其他类型转换成Boolean类型

直接参考下表：

数组和字符串之间的转换

• 数组转字符串

  • toString() 方法：会以逗号分隔的字符串形式返回数组项。

    var arr = [1, 2 ,3, 4]; var str = arr.toString(); //"1,2,3,4"

    1 2 3

    var arr = [1, 2 ,3, 4]; var str = arr.toString(); //"1,2,3,4"

  • join() 方法：只接受一个参数，即用作分隔符的字符串。会返回以传入分隔符来分隔的字符串形式，如果不传入参数或者传入 undefined ，则与 toString() 方法效果一样。

    var arr = [1, 2 ,3, 4]; var str1 = arr.join(); //"1,2,3,4" var str2 = arr.join("|"); //"1|2|3|4" var str3 = arr.join(""); // "1234"

    1 2 3 4 5

    var arr = [1, 2 ,3, 4]; var str1 = arr.join();    //"1,2,3,4" var str2 = arr.join("|"); //"1|2|3|4" var str3 = arr.join("");  // "1234"

• 字符串转数组

  • split() 方法：基于指定的分隔符将一个字符串分隔成多个子字符串，并将结果放在一个数组中返回。可以接受第二个可选的参数用于指定返回的数组大小。如果不指定分隔符，则将整个字符串放入数组中返回。

    var colorText = "red,blue,green,yellow" var colors1 = colorText.split(","); //["red","blue","green","yellow"] var colors2 = colorText.split(",", 2); //["red","blue"] var colors3 = colorText.split(); //["red,blue,green,yellow"]

    1 2 3 4 5

    var colorText = "red,blue,green,yellow" var colors1 = colorText.split(","); //["red","blue","green","yellow"] var colors2 = colorText.split(",", 2); //["red","blue"] var colors3 = colorText.split(); //["red,blue,green,yellow"]