`

JAVASCRIPT PARSEINT('08')

阅读更多

在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>

 

结果:

 

NaN
12
12
1
1
2
3
4
5
6
7
0
0
10


1
1
2
3
4
5
6
7
8
9
10

 

 

分享到:
评论

相关推荐

    【JavaScript源代码】JavaScript parseInt()与Number()区别案例详解.docx

    JavaScript中的`parseInt()`和`Number()`函数都是用来将非数字的字符串转换成数值类型,但它们之间存在一些关键的区别。本文将深入探讨这两个函数的工作原理和应用场景。 `parseInt()`函数主要用于将一个字符串解析...

    javascript parseInt 函数分析(转).docx

    ### JavaScript中的`parseInt`函数分析 #### 一、引言 在JavaScript编程中,`parseInt`函数是一个常用且重要的函数,用于将字符串转换为整数。然而,在使用`parseInt`时,开发者可能会遇到一些意料之外的行为,...

    javascript parseInt与Number函数的区别.docx

    ### JavaScript中的parseInt与Number函数的区别 #### 一、概述 在JavaScript编程中,开发者经常会遇到需要将字符串转换成数字的情况。对于这样的需求,JavaScript提供了多种方法来实现这一目标,其中最为常用的两...

    javascript parseInt() 函数的进制转换注意细节.docx

    ### JavaScript `parseInt()` 函数的进制转换注意事项 #### 概述 `parseInt()` 是 JavaScript 中一个非常常用的方法,主要用于将字符串转换成整数。它接受两个参数:第一个参数是要转换的字符串,第二个参数则是该...

    javaScript parseInt字符转化为数字函数使用小结.docx

    ### JavaScript中的parseInt函数详解 #### 一、概述 在JavaScript编程中,`parseInt()`函数是一个非常重要的工具,用于将字符串转换成整数。它在处理数据格式化、表单验证等场景时尤其有用。本文旨在深入探讨`...

    javascript parseInt 大改造

    这就是为什么parseInt("08")返回0的原因,因为"08"不是一个有效的八进制数。 为了避免这类问题,作者建议明确指定parseInt函数的第二个参数,即基数。例如,要将"AF"解析为十六进制数,可以使用parseInt("AF", 16)...

    parseInt()函数引发的惨案

    在JavaScript的世界里,`parseInt()`函数是一个非常常见且重要的转换工具,它用于将字符串转换为整数。然而,由于其特定的行为和潜在的陷阱,它也有可能成为开发过程中的一个“惨案”。在这个主题中,我们将深入探讨...

    javascript parseInt与Number函数的区别

    `JavaScript`中的`parseInt`和`Number`函数都是用来将字符串转换为数字的,但它们在处理字符串的方式上存在显著的差异。 `parseInt`函数的主要功能是解析一个字符串参数,并根据指定的基数(radix)返回一个整数。...

    javascript parseInt 函数分析(转)

    JavaScript中的`parseInt`函数是一个非常常用的工具,用于从字符串中解析出整数。它的工作原理是尝试识别并提取字符串开头的数字序列,并将其转换为对应的数值。然而,`parseInt`函数的行为并不总是直观的,特别是在...

    javaScript parseInt字符转化为数字函数使用小结

    parseInt(“10”) 到 以后都能得到正确的结果,但如果是parseInt(“08”) 或parseInt(“09”)则返回0; 首先看parseInt语法:parseInt(string, radix); 如果后面参数没写就以第一个的开头判断其中string为要转换的...

    Javascript中parseInt的正确使用方式

    JavaScript中的parseInt函数是一个非常基础且重要的函数,它主要用于将字符串解析成指定基数的整数。本文将详细介绍parseInt的正确使用方法,确保读者能够更好地理解和掌握这一知识点。 首先,parseInt函数的语法是...

    JavaScript的parseInt 取整使用

    这个过程称为取整,但需要注意的是,与Java等强类型语言的处理方式不同,在JavaScript中,parseInt函数的行为会受到字符串前缀和进制基数参数的影响。 首先,让我们来介绍一下JavaScript中的parseInt函数。parseInt...

    JavaScript的parseInt 进制问题

    JavaScript中的`parseInt`函数是一个非常常用的工具,用于将字符串转换为整数。它解析字符串开头的部分,直到遇到非数字字符为止。然而,`parseInt`的行为并非总是直截了当,尤其是在处理带有前导零的数字时,这正是...

    JavaScript中的ParseInt(“08”)和“09”返回0的原因分析及解决办法

    在JavaScript编程语言中,`parseInt()`函数用于将字符串转换成整数。然而,当你尝试解析以零开头的数字字符串,比如"08"或"09"时,你会遇到一些特殊的处理方式,尤其是在某些特定的浏览器环境中,如IE内核的浏览器。...

    JavaScript标准参考教程

    数值章节涵盖了JavaScript中数值的处理方式,包括数值的表示、NaN、Infinity、parseInt和parseFloat方法等。对象章节则详细讲解了对象的生成、属性的读取和修改、以及对象引用等概念。特别地,还提到了类似数组的...

Global site tag (gtag.js) - Google Analytics