JavaScript类型转换

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

一、显式类型转换
做显式类型转换最简单的方法就是使用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 中有6种基本类型(包括 symbol),以及对象类型,他们在不同的运算中会被系统转化为不同是...
    faremax阅读 854评论 0 3
  • 原始值转换: 对象转换为原始值 对象都会从Object继承valueOf 和toString 方法。默认的valu...
    softbone阅读 142评论 0 0
  • 台湾。 去玩完以后我就能下定决心要考研还是安安静静地做一个正常二本毕业的大学生了。 所以假期还是得学车,然后德福单...
    S的随便用账号阅读 442评论 0 50
  • 日常的状态应该是怎么样的? 这个是常常让我陷入深思的一个问题,每天都很忙,说好的很多准备事项,却没有一项是整场开始...
    马文小哥哥阅读 710评论 0 1
  • 书名:招聘面试新发 利益与原则的探测方法 采用轻松面试和压力面试法的追问法
    V熊阅读 329评论 0 0