好程序员web前端培训分享关于parseInt函数的一切-创新互联

　　好程序员web前端培训分享关于parseInt函数的一切，关于JS的手动类型转换，parseInt是我们最早接触的函数之一。

让客户满意是我们工作的目标，不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户，将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴，公司提供的服务项目有：主机域名、雅安服务器托管、营销软件、网站建设、铜仁网站维护、网站推广。

　　接下来我们详细的总结一下它的用法，你可以点击收藏，以备不时之需。

parseInt()

作用是将参数（通常为字符串）强制转换为整数。

它有两个参数，第二个可以省略，我们先展示常见的用法

1. 转换规则： 依次将字符串中从左到右的数字部分转为整数,一旦转换失败，返回NaN。

(1) 参数是字符串类型：

var a = parseInt ( ‘ 10 ’ ); //将字符串转成整数类型 console.log(a); // 10 var b = parrseInt( ‘ 10 true ’ ); //将有效数字部分转为整数，提取开头数字部分 console.log(b); // 10 var c = parseInt ( ‘ 10 true20 ’ ); //只将开头有效部分转为整数 console.log(c); //10 var d = parseInt ( ‘ 045 zoo ’ ); //开头部分转为整数，数字前面的0省略 console.log(d); //45 var f = parseInt ( ‘ 34.5 ’ ); //整数部分，小数点非数字部分，舍去 console.log(f); //34 var g = parseInt ( ‘ a3 ’ ); //若不是以数字开头，转为NaN（Not a Number 不是数字）的特殊数值 console.log(g); //NaN

(2) 参数是数字类型：

var a = parseInt ( 3.4 ); //依然转为数字，但是取整 console.log(a); //3

(3) 其它数据类型：只要开头不包含有效数字，结果都转为NaN

var a = parseInt ( true );

console.log(a); //NaN

var b = parseInt ( null );

console.log(b); //NaN

var c = parseInt ( undefined );

console.log(c); //NaN

var d = parseInt ([]);

console.log(d); //NaN

var e = parseInt ({});

console.log(e); //NaN

接下来，我们看第二个参数的用法

第二个参数：表示进制，范围2~36（用来说明第一个参数的进制规则）

var a = parseInt ( ‘ 99 ’ , 10 ); // 如果字符串为十进制内容，该参数可省略 console.log(a); // 99

var a = parseInt ( ‘ 1001 ’ , 2 ); // ‘1001’ 符合二进制规则, 转为十进制整数 console.log(a); // 9

var a = parseInt ( ‘ 1001 ’ , 10 ); // ‘1001’同样符合十进制, 转为十进制整数 console.log(a); // 1001

var b = parseInt ( ‘ 234 ’ , 2 ); //‘234’不符合二进制的规则 console.log(b); // NaN

var b = parseInt ( ‘ abcde ’ , 2 ); //‘abcde’不符合二进制的规则 console.log(b); // NaN

var c = parseInt ( ‘ 1022 ’ , 2 ); //‘10’部分属于二进制，但‘22’不是，将开头有效的部分提取并转成十进制 console.log(c); //2

一些特殊说明

如果以0x或0X开头，即使不说明进制规则，也能识别

var e = parrseInt( ‘ 0xa ’ ); //0x是十六进制的表示方法，a是十六进制中的10，转换成整数后自动切换为十进制 console.log(e); //10

尽量不使用出现e的数字，由于只能识别开头部分，会造成结果混乱 此时应使用parseFloat方法替代

parseInt ( "6.022e23" , 10 ); // 返回 6 parseInt ( 6.022e2 , 10 ); // 返回 602

非常大或非常小的数字

parseInt ( 4.7 * 1 e22, 10 ); // 非常大的数值变成 4 parseInt ( 0.00000000000434 , 10 ); // 非常小的数值变成 4

在最新的ES5规范中，以0开头的数字，已经不能再被识别为八进制了。

parseInt ( "011" ); //会当成10进制转换为 11 parseInt ( "011" , 8 ) //指定了8进制，结果为 9

总结：

以上测试均来自最新版的chrome浏览器，并不能确保所有浏览器行为一致。为了保证开发中不出现意外， 建议使用parseInt方法时，一律带上第二个参数 ！

新闻标题：好程序员web前端培训分享关于parseInt函数的一切-创新互联
网页路径：https://www.cdcxhl.com/article4/csgsie.html

成都网站建设公司_创新互联，为您提供ChatGPT、网站导航、企业网站制作、网站策划、域名注册、小程序开发

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容