JAVASCRIPT PARSEINT('08')

最新推荐文章于 2025-11-26 17:11:00 发布

原创最新推荐文章于 2025-11-26 17:11:00 发布 · 175 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

JavaScript 专栏收录该内容

5 篇文章

订阅专栏

本文深入探讨了JavaScript中parseInt函数的工作原理，特别是它如何处理不同进制的数字字符串，以及当字符串以‘0’开头时可能出现的误解。

在javascript中将字符串转换成整数时，用到一个函数parseInt。这个函数完整的表达式是：

parseInt(string, radix)

一般情况下，都会省掉第二个参数radix。当遇到转换“0”开头的字符串的时候，问题就来了。

parseInt("01") =1

parseInt("07") =7

而

parseInt("08") =0

parseInt("09") =0

但

parseInt("10") =10

这是为什么呢？

函数的第一个參數 string 當然是要轉換為數字的字串，第二個參數 radix 則是要用二進位、還是八進位或十六進位，又或是最熟悉的十進位來解譯這個字串呢？

也就是說，如果 parseInt('FF',16)，代表以 16 進位方式來解析FF這個字串，當然得到的結果就是 255 了，同理，parseInt('FF',10) 以 10 進位來解析FF這個字串，根本就不是數字，所以得到的結果會是 NaN。

但大多數人不會特別指定第二個參數，這時 JavaScript 就自動判斷第一個傳遞的參數是否為某種數字型式。

在 JavaScript 眼中，以 0x 開頭的字串，都視為十六進位字串，如果單單是0開頭，第二個字母不是 x，則視為八進位或二進位字串，十六進位使用的字母計有 0-9，A-F，而八進位使用的字母則為 0-7，所以，當發生parseInt('08') 又未指定以何種數值型態解析時，JavaScript 以 0 為起頭，接下來的字母又不是 x，那一定是八進位了，但是，八進位裡，怎麼可能有 8 和 9 這兩個字母呢？所以，一定是不合法的字串，於是就傳回 0。

同理，parseInt('010') 回傳的值，也不是 10，而是 8，因為 parseInt() 認為 0 開頭，接下來的字母不是 x，而是 1，就以二進位來解析 010 這個字串，所以一切問題都在於以 0 開頭，所造成的誤會。

可以看出来，root cause就是字符串中以“0”开头了。万恶零开头。

解决办法
不能偷懒，该转换成什么进制就在第二个参数标明，如parseInt("08",10) = 8 这样就不会错了

<html>
<body>

<script type="text/javascript">


document.write("<br/>");
document.write("<br/>");
document.write( parseInt("abc")  + "<br/>");
document.write( parseInt("12abc")  + "<br/>");
document.write( parseInt("12")  + "<br/>");
document.write( parseInt("01")  + "<br/>");
document.write( parseInt("01")  + "<br/>");
document.write( parseInt("02")  + "<br/>");
document.write( parseInt("03")  + "<br/>");
document.write( parseInt("04")  + "<br/>");
document.write( parseInt("05")  + "<br/>");
document.write( parseInt("06")  + "<br/>");
document.write( parseInt("07")  + "<br/>");
document.write( parseInt("08")  + "<br/>");
document.write( parseInt("09")  + "<br/>");
document.write( parseInt("10")  + "<br/>");


document.write("<br/>");
document.write("<br/>");
document.write( parseInt("01",10)  + "<br/>");
document.write( parseInt("01",10)  + "<br/>");
document.write( parseInt("02",10)  + "<br/>");
document.write( parseInt("03",10)  + "<br/>");
document.write( parseInt("04",10)  + "<br/>");
document.write( parseInt("05",10)  + "<br/>");
document.write( parseInt("06",10)  + "<br/>");
document.write( parseInt("07",10)  + "<br/>");
document.write( parseInt("08",10)  + "<br/>");
document.write( parseInt("09",10)  + "<br/>");
document.write( parseInt("10",10)  + "<br/>");


</script>

</body>
</html>

结果: