JavaScript中的值类型转换介绍_javascript技巧
console.log(10 + " cats");//10 cats
console.log(10 * " cats");//NaN, " cats" will be converted to NaN
console.log(10 + "2");//102
console.log(10 - "2");//8
console.log(10 / "2");//5
console.log(10 * "2");//20
console.log(10 * " 2");//20
console.log("10" * "2");//20
值类型转换规则
JavaScript中的值转换规则可以参考“JavaScript – The Definitive Guide”一书中的Table 3-2. JavaScript type conversions。比较值得注意的一些地方是:
1.undefined转换成number后结果为NaN。
2.null转换成number后结果为0。
3.空字符串”"转换成number后结果为0。
4.-0转换成string后结果为”0″。
5.空数组[]转换成number后结果为0。
6.仅有一个number成员的数组(如[9])转换成number后结果为该numer值(9)。
当JavaScript将string转换成number时,有两个比较有趣的规则:
1.JavaScript会将字符串开头和结尾处的空白字符删除后再进行转换,因此像” 42 “这样的字符串可以顺利的被转换成数字42。
2.删除开头和结尾处的空白字符后,如果字符串中依然包含非数字字符,那么该字符串会被转换成NaN。比如:”3 m”就会被转换成NaN。
实例:
console.log(10 * " 3 ");//30
console.log(10 * "3 m");//NaN, "3 m" will be converted to NaN
值类型转换与比较
在JavaScript中,等于操作符(==)的使用会涉及到值类型转换:如果==操作符两边的值类型不一致,那么JS会将它们转换成一致的类型后再加以判断。需要小心的是,两个不同类型的值,经过类型转换后也许可以等价,但这并不意味着对它们使用==操作符的结果就一定为true。一个简单的例子是undefined和false:将undefined转换成boolean类型后结果刚好为false,但事实上undefined==false的结果却为false。
显式类型转换
使用JavaScript的类型自动转换非常便捷,但同时也很容易带来诸如代码可维护性等问题。为了使程序代码更加清晰、减少歧义,有时会在JS程序中使用显式类型转换:
Number("3")//3
String(false)//"false"
Boolean([])//true
大多数情况下,显式类型转换的结果与JS自动类型转换的结果是一致的;但存在1个特例:当将null或者undefined自动转换成Object时,JS将抛出TypeError错误;但当显式地将null或者undefined转换成Object时,JS将返回一个空的对象:
console.log(Object(undefined));//empty object
console.log(Object(null));//empty object
同时,如果显式转换所指定的类型与JS自动转换所指定的类型不一样,那么,得到的结果也不一样。比如之前所提及的undefined==false结果为false;如果显式指定转换类型为Boolean,那么得到的结果就为true了:
console.log(undefined == false);//false
console.log(Boolean(undefined) == Boolean(false));//true
对类型自动转换的使用
在JS中,可以使用值类型的自动转换,通过操作符来达到和显式转换一样的效果,比如:
console.log(false + "");//"false"
console.log(+false);//0
console.log(!!3);//true
下一篇: java学习笔记01(标识符,关键字)
推荐阅读
-
JavaScript中的值类型转换介绍_javascript技巧
-
在javascript中,如果删除二维数组中重复的元素_javascript技巧
-
11个教程中不常被提及的JavaScript小技巧(推荐)
-
javascript验证上传文件的类型限制必须为某些格式_javascript技巧
-
通过action传过来的值在option获取进行验证的方法_javascript技巧
-
JavaScript中将一个值转换为字符串的方法分析[译]_javascript技巧
-
浅析js中取绝对值的2种方法_javascript技巧
-
JavaScript中按位“异或”运算符使用介绍_javascript技巧
-
js中使用replace方法完成某个字符的转换_javascript技巧
-
JavaScript中函数声明优先于变量声明的实例分析_javascript技巧