对parseInt函数的理解
parseInt()的定义
parseInt() 函数可解析一个字符串,并返回一个整数。
-
paseInt()的语法
parseInt(string, radix)
参数 | 描述 |
---|---|
string | 必选,想要解析(转换)的字符串 ,如果不是字符串,会先解析为字符串再进行转换 |
radix | 可选,转换数字的基数(2~36 ),也就是你想按照什么进制进行转换 ,没有的话默认为10进制,超出这个范围的话直接返回NaN |
paseInt()的用法
- 基本用法
var age = '22';
// 转换为数字型
var numAge = parseInt(age);
// 输出
console.log(numAge); // 22
// typeof() 查看数据类型
console.log(typeof(numAge)); // number
- 如果前面有空格会先去掉空格再进行转换
console.log(parseInt(' 88')); // 88
- 只能解析现在基数(进制)内的数
// 没有传基数,默认十进制解析,十进制的解析范围是(0~9),所以解析到小数点(.)就不认识了,就直接返回数字 28
console.log(parseInt('28.1111')); // 28
// 同上面解析过程,所以不存在四舍五入
console.log(parseInt('28.9999')); // 28
console.log(parseInt('120px')); // 120
console.log(parseInt('rem120px')); // NaN 第一位就不认识,无法解析,所以直接返回非数字(NaN)
- 再说说其他基数
console.log(parseInt("10") ); //返回 10
console.log(parseInt("19",10)); //返回 19 (10+9)
--------------------------------- // 前两个十进制都懂了吧
console.log(parseInt("11",2)); //返回 3 (2+1)
console.log(parseInt("37",8)); //返回 31 (3 * 8 + 7)
console.log(parseInt("1f",16)); //返回 31 (16+15)
---------------------------------// 以前学校学的进制转换忘记了,自己想了个记法:因为都超过了基数个位的顶点,所以才会有十位数,直接用十位数的值乘以进制加上个位数上的值就行。
防止踩坑,几组迷惑例子
console.log(parseInt('0.0000002')); // 0
console.log(parseInt('010')); // 10
-------------------------------- // 这两个前面都说过了
console.log(parseInt(0.0000002)); // 2
console.log(parseInt(010)); // 8
// 前面有提到 如果不是字符串,会先解析为字符串再进行转换
// 再加一点 如果小数点后连续 >=6 个0就会变成科学计数法
console.log(parseInt(0.0000002)); // 2
// parseInt(0.0000002)=== parseInt(String(0.0000002))=== parseInt(“2e-7”)
// 解析时按10进制,10进制仅认得0-9这几个数字
// 因此解析到2就结束了,因此结果为2
console.log(parseInt(0.0000002, 16)); // 46
// parseInt(0.0000002,16)===parseInt(String(0.0000002),16)===parseInt(“2e-7”,16)
// 解析时按16进制,16进制认得0-9和a-f
// 因此这次会解析到e,2e是个16进制数,转换成10进制数为2*16+14=46,因此结果为46.
console.log(parseInt(010)); === console.log(parseInt(String(010))); === console.log(parseInt('8')) // 8
第一次发,有不对的地方欢迎大佬评论指点。