重学JS之显示强制类型转换详解
前端  /  管理员 发布于 4年前   416
ToString
ToString负责处理非字符串到字符串的强制类型转换,常用的字符串化方法String()、toString()。
基本类型值的字符串化规则:
普通对象在字符串化时,实际执行Object.prototype.toString(),返回该对象的类型[object type],例如:
var test = {a : 'test'}console.log(test.toString()) // '[object Object]'console.log(String(test)) // '[object Object]'
但是当对象有自己的toString方法时,字符串化时就会调用该方法并返回该方法的返回值,例如:
var obj = { a: 'test', toString: function () { return 1 }}console.log(obj.toString()) // 1console.log(String(obj)) // 1
数组在做字符串化时,将数组所有元素字符串化再用","连接,例如:
var arr = [1, 2]console.log(arr.toString()) // '1,2'console.log(String(arr)) // '1,2'
JSON.stringify()
JSON.stringify()在将JSON对象序列化为字符串时,也涉及到了字符串化的相关规则。
对大多数简单值来说,JSON字符串化和toString()的效果基本相同,例如:
console.log(JSON.stringify("test")) // ""test""console.log(JSON.stringify(1)) // "1"console.log(JSON.stringify(null)) // "null"
但是JSON.stringify()在对象中遇到function() {}、undefined、Symbol时会自动将其忽略,在数组中则会返回null,例如:
var obj1 = { a: undefined, b: function () {}, c: Symbol()}console.log(JSON.stringify(obj1)) // "{}"console.log(JSON.stringify([undefined, function () {}, 1])) // "[null, mull, 1]"
当对象执行JSON.stringify()方法时,如果对象中存在toJSON方法,用它的返回值来进行序列化,例如:
var obj2 = { a: undefined, b: function () {}, c: Symbol(), toJSON: function () { return {a: 'replace'} }}console.log(JSON.stringify(obj2)) // "{"a":"replace"}"
ToNumber
ToNumber负责将非数字转化为数字,Number()、parseInt()和parseFloat()都可以将非数字转化为数字
Number()
Number()函数的转换规则:
例如:
console.log(Number(true)) // 1console.log(Number(1)) // 1console.log(Number(null)) // 0console.log(Number(undefined)) // NaNconsole.log(Number('11')) // 11console.log(Number('1.1')) // 1.1console.log(Number('0xf')) // 15console.log(Number('')) // 0var a = { valueOf: function () { return '10' }}var b = { toString: function () { return '10' }}var c = [1, 0]c.toString = function () { return c.join("")}console.log(Number(a)) // 10console.log(Number(b)) // 10console.log(Number(c)) // 10
parseInt()
parseInt()转换规则:
例子:
console.log(parseInt('a')) // NaNconsole.log(parseInt('11')) // 11console.log(parseInt('11aa')) // 11console.log(parseInt('0xf')) // 15
parseFloat()
parseFloat()转换规则:
例子:
console.log(parseFloat('12.3a')) // 12.3console.log(parseFloat('0xf')) // 0console.log(parseFloat('01.1')) // 1.1
ToBoolean
布尔强制类型转换的假值列表:
除了上述列表以外的值在转换的时候都应该是真值,强制布尔类型转换常用Boolean()或者!!,第一个!将值强制转为布尔类型,但同时还将真假值反转,第二个!将结果返回原值,例子:
console.log(Boolean("0")) // trueconsole.log(Boolean([])) // trueconsole.log(Boolean(undefined)) // falseconsole.log(!!"0") // trueconsole.log(!![]) // trueconsole.log(!!undefined) // false
总结
这篇文章对JS中的常见显示强制类型转换做了一个小结,希望能对大家理解有所帮助。
好了,以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家的支持。
122 在
学历:一种延缓就业设计,生活需求下的权衡之选中评论 工作几年后,报名考研了,到现在还没认真学习备考,迷茫中。作为一名北漂互联网打工人..123 在
Clash for Windows作者删库跑路了,github已404中评论 按理说只要你在国内,所有的流量进出都在监控范围内,不管你怎么隐藏也没用,想搞你分..原梓番博客 在
在Laravel框架中使用模型Model分表最简单的方法中评论 好久好久都没看友情链接申请了,今天刚看,已经添加。..博主 在
佛跳墙vpn软件不会用?上不了网?佛跳墙vpn常见问题以及解决办法中评论 @1111老铁这个不行了,可以看看近期评论的其他文章..1111 在
佛跳墙vpn软件不会用?上不了网?佛跳墙vpn常见问题以及解决办法中评论 网站不能打开,博主百忙中能否发个APP下载链接,佛跳墙或极光..
Copyright·© 2019 侯体宗版权所有·
粤ICP备20027696号