JS中parseInt()和map()用法分析


Posted in Javascript onDecember 16, 2016

本文实例讲述了JS中parseInt()和map()用法。分享给大家供大家参考,具体如下:

parseInt()的几个例子

var b = parseInt("01");
alert("b="+b);
var c = parseInt("09/08/2009");
alert("c="+c);

结果:b=1,c=0

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

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

2.正规格式是parseInt(string,radix)

第一个参数是被解析的字符串,第二个参数是进制(可不些)

第二个参数的特点:

①如果radix省略或为0,则按默认进制(十进制)进行解析

②radix为2~36之间的整数,如果在这个范围之外,返回NaN

③string的首字符为0,则默认解析为8进制。string首字符为0x(0X)则默认解析为16进制。其他情况默认为10进制。

④最好加上第二个参数,不然即使碰到首字符为0,应该以8进制方式进行,在某些浏览器下,如ff也会按10进制进行

3.解析从第一个可以解析的字符开始,到第一个不能解析的字符(如空格,标点符号等)结束。后面的字符不再解析。如果第一个字符就不可以解析,则返回NaN。

回到此题来分析

b的首字母是0,按8进制解析后面的数值,也就是8进制的1。自然返回值为1。<br>c的首字母是0,按8进制解析后面的数值,但是第二个字符9已经不是8进制数,也就是9是第一个不能解析的字符,parseInt("09/08/2009")相当于parseInt("0"),自然返回值是0<br>注:8也不是8进制数,最大到7

变形:

var c = parseInt("0119/08/2009");
alert("c="+c);

分析:

相当于parseInt("011"),0*8^2+1*8^1+1*8^0=0+8+1=9,输出结果为c=9
parseFloat()和parseInt()

parseInt()可以带参数,指定二进制、八进制或者十六进制(默认十进制),而parseFloat()不带参数,不能解析八进制、十六进制数,就只能按十进制进行。

再来看parseInt()和.map()结合的例子

["1", "2", "3"].map(parseInt) 返回值又是多少呢

map方法

array1.map(callbackfn[, thisArg])

对数组的每个元素,调用定义的回调函数,返回一个数组包含结果

参数:

array1 必须。一个数组对象
callbackfn 必须。最多接受三个参数(数组元素的值,数组元素的索引,包含该元素的数组对象)的回调函数
thisArg 可选。

即原例子相当于

[parseInt("1",0),parseInt("2",1),parseInt("3",2)]

分析:

1按十进制转换输出1
1不在2~36之间,输出NaN
字符串”3“里面没有合法的二进制数,输出NaN
所以最后结果是[1,NaN,NaN]

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
jQuery EasyUI API 中文文档 - NumberSpinner数值微调器使用介绍
Oct 21 Javascript
js multiple全选与取消全选实现代码
Dec 04 Javascript
JQuery AJAX 中文乱码问题解决
Jun 05 Javascript
解析Jquery取得iframe中元素的几种方法
Jul 04 Javascript
html+js实现动态显示本地时间
Sep 21 Javascript
jQuery新窗口打开外链接
Jul 21 Javascript
同步异步动态引入js文件的几种方法总结
Sep 23 Javascript
微信小程序获取循环元素id以及wx.login登录操作
Aug 17 Javascript
支付宝小程序自定义弹窗dialog插件的实现代码
Nov 30 Javascript
详解小程序开发经验:多页面数据同步
May 18 Javascript
单线程JavaScript实现异步过程详解
May 19 Javascript
解决antd日期选择组件,添加value就无法点击下一年和下一月问题
Oct 29 Javascript
HTML5canvas 绘制一个圆环形的进度表示实例
Dec 16 #Javascript
JS数字千分位格式化实现方法总结
Dec 16 #Javascript
jquery插件锦集【推荐】
Dec 16 #Javascript
jQuery Easyui 下拉树组件combotree
Dec 16 #Javascript
JS实现字符串转驼峰格式的方法
Dec 16 #Javascript
详解js数组的完全随机排列算法
Dec 16 #Javascript
JS返回只包含数字类型的数组实例分析
Dec 16 #Javascript
You might like
深入理解PHP之require/include顺序 推荐
2011/01/02 PHP
检查php文件中是否含有bom的函数
2012/05/31 PHP
PHP 获取文件路径(灵活应用__FILE__)
2013/02/15 PHP
php写入数据到CSV文件的方法
2015/03/14 PHP
phpmyadmin在宝塔面板里进不去的解决方案
2020/07/06 PHP
屏蔽F1~F12的快捷键的js函数
2010/05/06 Javascript
IE6下拉框图层问题探讨及解决
2014/01/03 Javascript
JS字符串拼接在ie中都报错的解决方法
2014/03/27 Javascript
javascript无刷新评论实现方法
2015/05/13 Javascript
基于jquery实现页面滚动到底自动加载数据的功能
2015/12/19 Javascript
深入浅析JavaScript面向对象和原型函数
2016/02/06 Javascript
js根据手机客户端浏览器类型,判断跳转官网/手机网站多个实例代码
2016/04/30 Javascript
VS Code转换大小写、修改选中文字或代码颜色的方法
2017/12/15 Javascript
bootstrap里bootstrap动态加载下拉框的实例讲解
2018/08/10 Javascript
在vue中根据光标的显示与消失实现下拉列表
2019/09/29 Javascript
使用Python中的cookielib模拟登录网站
2015/04/09 Python
Python的SQLAlchemy框架使用入门
2015/04/29 Python
Python连接MySQL并使用fetchall()方法过滤特殊字符
2016/03/13 Python
Python循环语句中else的用法总结
2016/09/11 Python
基于python3实现socket文件传输和校验
2018/07/28 Python
浅谈pycharm的xmx和xms设置方法
2018/12/03 Python
Python用Try语句捕获异常的实例方法
2019/06/26 Python
python安装scipy的步骤解析
2019/09/28 Python
基于Pycharm加载多个项目过程图解
2020/01/19 Python
Pycharm安装第三方库失败解决方案
2020/11/17 Python
美国著名首饰网站:BaubleBar
2016/08/29 全球购物
介绍JAVA 中的Collection FrameWork(及如何写自己的数据结构)
2014/10/31 面试题
高中毕业自我鉴定范文
2013/10/02 职场文书
法律专业推荐信范文
2013/11/29 职场文书
求职信的最佳写作思路
2014/02/01 职场文书
《动手做做看》教学反思
2014/04/09 职场文书
2015年高中班主任工作总结
2015/04/30 职场文书
大学毕业典礼致辞
2015/07/29 职场文书
关于教师节的广播稿
2015/08/19 职场文书
《童年》读后感(三篇)
2019/08/27 职场文书
Netty客户端接入流程NioSocketChannel创建解析
2022/03/25 Java/Android