JavaScript中的值类型转换介绍_javascript技巧

在javascript中进行+、-、*、/、==、!=等运算时，如果操作符左右两边的值类型与预期类型不一致，javascript会将操作符两边的值转换成预期的类型后再进行操作。预期值类型为string时，javascript会将值转换为string；预期值类型为number时，javascript会将值转换为number (如果无法转换为数值，则返回nan)比如：

析稿Ai写作

科研人的高效工具：AI论文自动生成，十分钟万字，无限大纲规划写作思路。

142

查看详情

立即学习“Java免费学习笔记（深入）”；

值类型转换规则

立即学习“Java免费学习笔记（深入）”；

JavaScript中的值转换规则可以参考“JavaScript – The Definitive Guide”一书中的Table 3-2. JavaScript type conversions。比较值得注意的一些地方是：

立即学习“Java免费学习笔记（深入）”；

1.undefined转换成number后结果为NaN。
2.null转换成number后结果为0。
3.空字符串”"转换成number后结果为0。
4.-0转换成string后结果为”0″。
5.空数组[]转换成number后结果为0。
6.仅有一个number成员的数组(如[9])转换成number后结果为该numer值(9)。

立即学习“Java免费学习笔记（深入）”；

当JavaScript将string转换成number时，有两个比较有趣的规则：

立即学习“Java免费学习笔记（深入）”；

1.JavaScript会将字符串开头和结尾处的空白字符删除后再进行转换，因此像” 42 “这样的字符串可以顺利的被转换成数字42。

2.删除开头和结尾处的空白字符后，如果字符串中依然包含非数字字符，那么该字符串会被转换成NaN。比如：”3 m”就会被转换成NaN。

立即学习“Java免费学习笔记（深入）”；

实例：

立即学习“Java免费学习笔记（深入）”；

立即学习“Java免费学习笔记（深入）”；

值类型转换与比较

立即学习“Java免费学习笔记（深入）”；

在JavaScript中，等于操作符(==)的使用会涉及到值类型转换：如果==操作符两边的值类型不一致，那么JS会将它们转换成一致的类型后再加以判断。需要小心的是，两个不同类型的值，经过类型转换后也许可以等价，但这并不意味着对它们使用==操作符的结果就一定为true。一个简单的例子是undefined和false：将undefined转换成boolean类型后结果刚好为false，但事实上undefined==false的结果却为false。

立即学习“Java免费学习笔记（深入）”；

显式类型转换

立即学习“Java免费学习笔记（深入）”；

使用JavaScript的类型自动转换非常便捷，但同时也很容易带来诸如代码可维护性等问题。为了使程序代码更加清晰、减少歧义，有时会在JS程序中使用显式类型转换：

立即学习“Java免费学习笔记（深入）”；

对类型自动转换的使用

立即学习“Java免费学习笔记（深入）”；

在JS中，可以使用值类型的自动转换，通过操作符来达到和显式转换一样的效果，比如：