JavaScript中的object转换成number或string规则介绍
在JavaScript程序编写过程中,根据不同的上下文,JS会自动将object转换成number或者string后再处理。这种自动转换的规则如下:
object自动转换成string的规则:
1.如果object所属类覆写了toString()方法,则调用该方法。如果toString()调用的返回结果为Primitive(string、number、boolean、undefined、null),则将该Primitive值转换成string后返回。
2.如果object所属类没有覆写toString()方法 – toString()调用的返回结果为”[object Object]“;或者覆写了toString()方法但该方法返回结果为对象。那么JS将调用object的valueOf()方法,如果valueOf()调用的返回结果为Primitive(string、number、boolean、undefined、null),则将该Primitive值转换成string后返回。
3.如果上述两点均无法满足,无法通过调用object的toString()方法或者valueOf()方法来获取Primitive值,那么JS将抛出TypeError错误。
object自动转换成number的规则:
1.调用object的valueOf()方法,如果得到的是Primitive值,则将该Primitive值转换成number后返回。
2.如果无法从valueOf()方法中获取Primitive值,那么调用object的toString()方法;如果toString()返回的是Primitive值,则将该Primitive值转换成number后返回。
3.如果上述两点均无法满足,那么JS将抛出TypeError错误。
可以看到,object自动转换成string和object自动转换成number的规则其实是一致的,不同之处在于toString()方法和valueOf()方法的调用次序。
根据上述规则,可以很好的理解一些转换结果:
1.对于空数组,当将其转换成number时,得到的结果为0。这是因为首先会调用array的valueOf()方法,由于valueOf()返回的是数组对象本身,因此接下来JS会调用空数组的toString()方法;因为空数组toString()后返回结果为空字符串,因此最终会将空字符串转换成数字0后返回。
2.对于只有一个数字成员的数组来说,应用同样的规则转换成number,最后得到的结果就是该数字。
3.对于有多个数字成员的数组来说,由于无法将字符串转换成number,因此最后得到的结果为NaN。
何时转换成string?何时转换成number?
对object进行自动类型转换时,根据object类型的不同以及操作符的不同,JS会选择将其转换成string还是number。具体规则如下:
1.+操作符两边出现对象的,将对象转换成string。
2.所有对象(Date对象除外),优先转换成number。
3.对于Date对象,优先转换成string。
值得注意的是,对于+操作符,除了操作符两边出现对象或者字符串的情况,其余情况下均执行“转换成number”的操作,同时,这种操作还与值之间的顺序有关。
实验
console.log(3 * []);//0
console.log(3 * [2]);//6
console.log(3 * [1,2]);//NaN
console.log(3 + [2]);//32
var now = new Date();
console.log(now + 1);//Wed Mar 26 2014 10:51:39 GMT+0800 (CST)1
console.log(now - 1);//1395802299223
console.log(now * 2);//2791604598448
console.log(true + true);//2
console.log(2 + null);//2, null is converted to 0
console.log(2 + undefined);//NaN, undefined is converted to NaN
console.log(1 + 2 + " cats");//3 cats
console.log(1 + (2 + " cats"));//12 cats
您可能感兴趣的文章:
- JavaScript中Number.NEGATIVE_INFINITY值的使用详解
- JavaScript中number转换成string介绍
- JavaScript中string转换成number介绍
- js数值计算时使用parseInt进行数据类型转换(jquery)
- js中parseInt函数浅谈
- js parseInt的陷阱分析小结
- javascript的parseFloat()方法精度问题探讨
- js中parseFloat(参数1,参数2)定义和用法及注意事项
- js parsefloat parseint 转换函数
- 详解js中Number()、parseInt()和parseFloat()的区别
- JavaScript中的object转换成number或string规则介绍
- JavaScript中的object转换成number或string规则介绍
- JavaScript中number转换成string介绍
- JavaScript中string转换成number介绍
- JavaScript中string转换成number介绍
- JavaScript中number转换成string介绍
- 实现一个函数clone,可以对JavaScript中的5种主要的数据类型(包括Number、String、Object、Array、Boolean)进行值复制。
- javascript中string和number之间的相互转换
- JavaScript的数据类型之Number, String, Boolean和Object
- Javascript String to Number 转换
- JavaScript之面向对象学习五(JS原生引用类型Array、Object、String等等)的原型对象介绍
- 实现JavaScript中的5种主要的数据类型(包括Number、String、Object、Array、Boolean)进行值复制
- javascript,对JavaScript中的5种主要的数据类型(包括Number、String、Object、Array、Boolean)进行值复制
- javascript中object转换为string
- 面试题---实现一个函数clone,可以对JavaScript中的5种主要的数据类型(包括Number、String、Object、Array、Boolean)进行值复制。
- JavaScript学习三(转换为number ,String,boolean)
- JavaScript 数据类型转换(转为String/Number/Boolean)
- javascript 将object转换为字符串JSON.stringify
- JavaScript和PHP中json object和json string互相转换
- Javascript Number to String 转换