美文网首页
JavaScript类型转换

JavaScript类型转换

作者: 张延伟 | 来源:发表于2016-08-06 17:25 被阅读28次

前面有一篇文章写了操作符的一些运算规则,在其中扮演重要角色的就是类型转换。

一、显式类型转换
做显式类型转换最简单的方法就是使用Boolean()、Number()、String()或Object()函数。

转换为字符串 数字 布尔值 对象
undefined "undefined" NaN false throws TypeError
null "null" 0 false throws TypeError
true "true" 1 new Boolean(true)
false "false" 0 new Boolean(false)
""(空字符串) 0 false new String("")
"1.2"(非空,数字) 1.2 true new String("1.2")
"one"(非空,非数字) NaN true new String("one")
0 "0" false new Number(0)
-0 "0" false new Number(-0)
NaN "NaN" false new Number(NaN)
Infinity "Infinity" true new Number(Infinity)
-Infinity "-Infinity" true new Number(-Infinity)
1 "1" true new Number(1)
{}(任意对象) true
[](任意数组 "" 0 true
[9](一个数字元素 "9" 9 true
['a'](一个其他元素 使用join()方法 NaN true
function(){}任意函数 NaN true

1、toFixed() 方法根据小数点后指定位数将数字转换为字符串,不使用指数计数法。指定小数点后的位数
2、toExponential() 方法使用指定计数法将数字转换为指数形式字符串,小数点前只有一位,小数点后使用参数指定。指定小数点后的位数(指数表示)
3、toPrecision() 根据指定的有效数字位数将数字转换为字符串。指定包含小数点后的总位数

var n=123456.789;
n.toFixed(0);   //"123456"
n.toFixed(2);   //"123456.78"
n.toFixed(5);   //"123456.78900"
n.toExponential(1);  //"1.2e+5"
n.toExponential(3);  //"1.234e+5"
n.toPrecision(4);   //"1.234e+5"
n.toPrecision(7);   //"123456.7"
n.toPrecision(10);   //"123456.7890"

4、parseInt()与parseFloat()
parseInt() 解析整数
parseFloat() 解析整数和浮点数
他们都会跳过任意数量的前导空格,尽可能解析更多数字字符,并忽略后面的内容。

parseInt("3  Bl")              //3
parseFloat("  3.14 fd")        //3.14
parseInt("-12.34 ")             //-12
parseInt("oxFF")                //255
parseInt("-oxFF")                //-255
parseFloat(".1")                   //0.1
parseInt("0.1")                   //0
parseInt(".1")                    //NaN:整数不能以"."开始
parseInt("&12")                    //NaN:整数不能以"&"开始

parseInt() 可以接受第二个可选参数,这个参数指定数字转换的基数。

二、对象转换为原始值
所有的对象继承了两个转化方法:
1、toString() 返回一个反映这个对象的字符串。
例如:
数组类=>元素字符串
函数类=>返回函数定义字符串
日期类=>返回一个可读的日期时间字符串
RegExp类=> 转换为表示正则表达式的直接量的字符串

[1,2,3].tostring();    //"1,2,3"
(function(){}).toString();   //"function(){}"
/\d+/g.toString();  //  "/\d+/g"
new Date(2010,0,1).toString();  //"Thu Nov 11 2010 00:00:00 GMT+0800 ()"

2、valueOf()

var d=new Date(2010,0,1);
d.valueOf();  //1262275200000
  • JS中 对象->字符串 转换
    a、如果对象具有toString()方法,则调用这个方法。如果返回一个原始值,JS将这个值转换为字符串,并返回这个结果。
    b、如果没有toString()方法或者不返回一个原始值,那么JS将调用valueOf()方法。如果返回值是一个原始值,JS将这个值转换为字符串,并返回这个结果。
    c、否则,JS无法从toString()和valueOf()中获得一个原始值,因此将抛出一个类型错误异常。
  • JS中 对象->数字 转换
    a、对象具有valueOf()方法,返回一个原始值,JS将这个原始值转换为数字,并返回结果。
    b、否则,调用toString()方法,JS返回一个原始值,JS将其转换并返回。
    c、否则,JS将抛出一个类型错误异常。

相关文章

网友评论

      本文标题:JavaScript类型转换

      本文链接:https://www.haomeiwen.com/subject/yqbksttx.html