好程序员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函数的一切-创新互联
转载源于:http://bzwzjz.com/article/csgsie.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都品牌网站设计 H5网站制作 移动手机网站制作 营销网站建设 古蔺网站建设 成都网站制作 手机网站制作 网站设计制作报价 成都网站建设 重庆网站建设 成都网站制作 成都网站建设 成都企业网站设计 网站建设 高端网站设计 宜宾网站设计 高端品牌网站建设 成都网站制作公司 企业网站制作 成都网站建设 四川成都网站制作 网站设计制作