parseInt()

本文详细解析了JavaScript中parseInt函数的工作原理,特别是如何处理不同格式的字符串输入,并解释了几个常见误解。

var b = parseInt("01");

alert("b="+b);

var c = parseInt("09/08/2009");

alert("c="+c);

答案应该是b=1 c=0

看了很多文章在解释为什么c=0,至今没有一个正确的解释。本来是比较简单的问题,这里专门写一篇博文出来详细解释下。

parseInt()是用来解析字符串,返回值是整数。有几个特点:

第一 :无视被解析字符串最前和最后的空格,即:" 111   "和"111"是一样的

第二 :正规格式是parseInt(string,radix)。radix可以省略,为0或者2-32之间的整数,用来表示被解析数值的进制。(注意不是解析返回结果的进制)。如果radix不在此范围内,返回NaN

第三 :如果radix 省略或者为0,则按默认进制对string进行解析。

第四 :string的首字符为0,则默认解析为8进制。string首字符为0x则默认解析为16进制。其他情况默认为10进制。

第五 :解析从第一个可以解析的字符开始,到第一个不能解析的字符(如空格,标点符号等)结束。后面的字符不再解析。

第六 :如果第一个字符不可以解析,则返回NaN。如"a8989"

现在我们再回头来看这个题就容易理解了。

b的值首字母是0,按8进制解析后面的数值,也就是8进制的1。自然返回值为1。

难点在第二个。

c的首字符是0,一般想法是按8进制进行解析。但是我们发现第二个字符9已经不是8进制数,也就是说9是第一个不能解析的字符。parseInt("09/08/2009")也就变成了parseInt("0");结果再明显不过,是0。

如果我们稍加变化parseInt("0119/08/2009"),首字符是0,按八进制解析,同样读到9的时候不能解析。也就变成了parseInt("011"),结果也很明显,是9。

### parseInt 函数的基本用法 `parseInt` 是 JavaScript 中用于将字符串转换为整数的内置函数。它会忽略字符串开头的空白字符,然后尽可能解析出一个整数。当遇到非数字字符时,解析会停止。 ```javascript const num = parseInt("123px"); console.log(num); // 输出 123 ``` 如果字符串以合法数字开头但包含非数字字符,`parseInt` 仍会成功解析出前面的数字部分[^2]。 ### 指定基数(进制) `parseInt` 接受两个参数:要解析的字符串和一个基数(进制)。如果不指定基数,`parseInt` 会根据字符串的前缀进行判断: - 如果字符串以 `0x` 开头,会被解析为十六进制。 - 如果字符串以 `0` 开头,在 ECMAScript 5 之前会被解析为八进制;在 ECMAScript 5 及以后版本中,八进制解析已被弃用,此时会按十进制解析。 ```javascript console.log(parseInt("010")); // 输出 10(ECMAScript 5 及以后)[^3] console.log(parseInt("010", 8)); // 输出 8 console.log(parseInt("0x10")); // 输出 16 ``` 指定基数可以避免因浏览器兼容性导致的解析错误,因此建议在使用 `parseInt` 时始终提供第二个参数。 ### 非字符串输入的处理 如果传入 `parseInt` 的不是一个字符串,JavaScript 会尝试将其转换为字符串后再进行解析。例如: ```javascript console.log(parseInt(null)); // 输出 NaN console.log(parseInt(123.45)); // 输出 123 console.log(parseInt(undefined)); // 输出 NaN ``` 如果传入的是浮点数,`parseInt` 会将其转换为字符串,然后解析整数部分。因此它不能用于直接截取浮点数的整数部分,而是应结合 `Math.floor()` 等方法[^2]。 ### 常见问题与注意事项 - **忽略前导空格**:`parseInt` 会跳过字符串开头的空白字符,继续解析数字。 ```javascript console.log(parseInt(" 456")); // 输出 456 ``` - **无效输入返回 NaN**:如果字符串不以数字开头,`parseInt` 返回 `NaN`。 ```javascript console.log(parseInt("abc123")); // 输出 NaN ``` - **避免依赖默认进制解析**:由于历史原因,某些浏览器在解析以 `0` 开头的字符串时可能会使用八进制,这可能导致意料之外的结果。为避免歧义,应始终指定基数。 ```javascript console.log(parseInt("010")); // 输出 10(现代浏览器) console.log(parseInt("010", 10)); // 输出 10(推荐方式)[^3] ``` ### 与其他转换方式的比较 JavaScript 中还有其他将字符串转换为数字的方式,例如 `Number()` 构造函数和一元加号操作符(`+`)。与 `parseInt` 不同,这些方式要求字符串必须是完整的数字形式,否则返回 `NaN`。 ```javascript console.log(Number("123px")); // 输出 NaN console.log(+"123px"); // 输出 NaN console.log(parseInt("123px"));// 输出 123 ``` 因此,`parseInt` 更适合用于提取字符串中的整数部分,而 `Number()` 或 `+` 更适合用于严格的数字验证。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值