关于JS的手动类型转换,parseInt是我们最早接触的函数之一。
接下来我们详细的总结一下它的用法,你可以点击收藏,以备不时之需。
parseInt()作用是将参数(通美国法国常为字符串)强制转换为整数。
它有两个参数,第二个可以省略,我们先展货币基金是什么示常见的用法
1. 转换规则:依次将字符串中从左到右的数字部分转为整数,一旦转换失败,返回NaN。
(1) 参数是字符串类型:
var a = parseInt(‘10’); //将字符串转成整数类型console.log(a); // 10var b = parrseInt(‘10true’); //将有效数字部分转为整数,提取开李可染万山红遍头数字部分console.log(b); // 10var c = parseInt(‘10true20’); //只将开头有效部分转为整数console.log(c); //10var d = parseInt(‘045zoo贝塔和舒克’); //开头部分转为整数,数字前面的0省略console.log(d); //45var f = parseInt(‘34.5’); //整数部分,小数点非数字智博专升本部分,舍去console.log(f); //34var g = parseInt(‘a3’); //软文平台若不是以数字万芳亭公园开头,转为NaN(Not a Number 不是数字)的特殊数值console.log(g); //NaN(2) 参怎么健康减肥数是数字类型:
var a = parseInt(3.4); //依然转为数字,但是取整console.lo专武干部g(a); //3(3) 其它数据类型圣殇电影:只要开头不包含有效数字,结果都转为NaN
var a = parseInt(true); cons北京茶叶ole.log(a); //NaN var b = parseInt(null); console.log(b); //NaN var c = 2080tiparseInt(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); 隆鼻手术价格 // 返回 6pa新个税税率rseInt(6.022e2, 10); // 返回 602非常大或非常小的数字parseInt(4.7 * 1e22, 10); // 非常大的数值变成 4parseInt(0.00000000000434, 10); // 非常小的数值变成 4在最新的ES5规范中,以0开头的数字,已经不能再被识别为八进制了。燃气热水器什么牌子好parseInt("011"); //会当成10洗碗机图片进制转换为 11parseInt("011", 8) 大学生旅游//指定了8进制,结果为 9总结:
以上测试均来自最新版的chrome浏览器,并不能确保所有浏览器行为一致。为了保证开发中不出现意外,建议使用parseInt方法时,一律带上第二个参数!点击加入前端千人大群交流学习,更多课程视频-源码软件安装包免费赠送~
本文发布于:2023-06-04 07:21:04,感谢您对本站的认可!
本文链接:http://www.ranqi119.com/ge/85/214407.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
留言与评论(共有 0 条评论) |