在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中的`parseInt()`和`Number()`函数都是用来将非数字的字符串转换成数值类型,但它们之间存在一些关键的区别。本文将深入探讨这两个函数的工作原理和应用场景。 `parseInt()`函数主要用于将一个字符串解析...
### JavaScript中的`parseInt`函数分析 #### 一、引言 在JavaScript编程中,`parseInt`函数是一个常用且重要的函数,用于将字符串转换为整数。然而,在使用`parseInt`时,开发者可能会遇到一些意料之外的行为,...
### JavaScript中的parseInt与Number函数的区别 #### 一、概述 在JavaScript编程中,开发者经常会遇到需要将字符串转换成数字的情况。对于这样的需求,JavaScript提供了多种方法来实现这一目标,其中最为常用的两...
### JavaScript `parseInt()` 函数的进制转换注意事项 #### 概述 `parseInt()` 是 JavaScript 中一个非常常用的方法,主要用于将字符串转换成整数。它接受两个参数:第一个参数是要转换的字符串,第二个参数则是该...
### JavaScript中的parseInt函数详解 #### 一、概述 在JavaScript编程中,`parseInt()`函数是一个非常重要的工具,用于将字符串转换成整数。它在处理数据格式化、表单验证等场景时尤其有用。本文旨在深入探讨`...
这就是为什么parseInt("08")返回0的原因,因为"08"不是一个有效的八进制数。 为了避免这类问题,作者建议明确指定parseInt函数的第二个参数,即基数。例如,要将"AF"解析为十六进制数,可以使用parseInt("AF", 16)...
在JavaScript的世界里,`parseInt()`函数是一个非常常见且重要的转换工具,它用于将字符串转换为整数。然而,由于其特定的行为和潜在的陷阱,它也有可能成为开发过程中的一个“惨案”。在这个主题中,我们将深入探讨...
`JavaScript`中的`parseInt`和`Number`函数都是用来将字符串转换为数字的,但它们在处理字符串的方式上存在显著的差异。 `parseInt`函数的主要功能是解析一个字符串参数,并根据指定的基数(radix)返回一个整数。...
JavaScript中的`parseInt`函数是一个非常常用的工具,用于从字符串中解析出整数。它的工作原理是尝试识别并提取字符串开头的数字序列,并将其转换为对应的数值。然而,`parseInt`函数的行为并不总是直观的,特别是在...
parseInt(“10”) 到 以后都能得到正确的结果,但如果是parseInt(“08”) 或parseInt(“09”)则返回0; 首先看parseInt语法:parseInt(string, radix); 如果后面参数没写就以第一个的开头判断其中string为要转换的...
JavaScript中的parseInt函数是一个非常基础且重要的函数,它主要用于将字符串解析成指定基数的整数。本文将详细介绍parseInt的正确使用方法,确保读者能够更好地理解和掌握这一知识点。 首先,parseInt函数的语法是...
这个过程称为取整,但需要注意的是,与Java等强类型语言的处理方式不同,在JavaScript中,parseInt函数的行为会受到字符串前缀和进制基数参数的影响。 首先,让我们来介绍一下JavaScript中的parseInt函数。parseInt...
JavaScript中的`parseInt`函数是一个非常常用的工具,用于将字符串转换为整数。它解析字符串开头的部分,直到遇到非数字字符为止。然而,`parseInt`的行为并非总是直截了当,尤其是在处理带有前导零的数字时,这正是...
在JavaScript编程语言中,`parseInt()`函数用于将字符串转换成整数。然而,当你尝试解析以零开头的数字字符串,比如"08"或"09"时,你会遇到一些特殊的处理方式,尤其是在某些特定的浏览器环境中,如IE内核的浏览器。...
数值章节涵盖了JavaScript中数值的处理方式,包括数值的表示、NaN、Infinity、parseInt和parseFloat方法等。对象章节则详细讲解了对象的生成、属性的读取和修改、以及对象引用等概念。特别地,还提到了类似数组的...