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 相关文章推荐
简单的js分页脚本
May 21 Javascript
javascript结合html5 canvas实现(可调画笔颜色/粗细/橡皮)的涂鸦板
Apr 27 Javascript
Jquery事件的连接使用示例
Jun 18 Javascript
js数组去重的常用方法总结
Jan 24 Javascript
使用iojs的jsdom库实现同步系统时间
Apr 20 Javascript
JS for...in 遍历语句用法实例分析
Aug 24 Javascript
使用ionic切换页面卡顿的解决方法
Dec 16 Javascript
JavaScript初学者必看“new”
Jun 12 Javascript
Node.js中 __dirname 的使用介绍
Jun 19 Javascript
随机生成10个不重复的0-100的数字(实例讲解)
Aug 16 Javascript
Bootstrap导航菜单点击后无法自动添加active的处理方法
Aug 10 Javascript
微信小程序wx:for循环的实例详解
Oct 07 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中mysql模块部分功能的简单封装
2011/09/30 PHP
thinkphp如何获取客户端IP
2015/11/03 PHP
php生成无限栏目树
2017/03/16 PHP
新浪刚打开页面出来的全屏广告代码
2007/04/02 Javascript
top.location.href 没有权限 解决方法
2008/08/05 Javascript
JavaScript 编写匿名函数的几种方法
2010/02/21 Javascript
Visual Studio中的jQuery智能提示设置方法
2010/03/27 Javascript
Bookmarklet实现启动jQuery(模仿 云输入法)
2010/09/15 Javascript
jq选项卡鼠标延迟的插件实例
2013/05/13 Javascript
javascript实现类似超链接的效果
2014/12/26 Javascript
JavaScript学习笔记之Function对象
2015/01/22 Javascript
js进行表单验证实例分析
2015/02/10 Javascript
JS表格组件BootstrapTable行内编辑解决方案x-editable
2016/09/01 Javascript
Vue表单实例代码
2016/09/05 Javascript
微信小程序分享功能onShareAppMessage(options)用法分析
2019/04/24 Javascript
VUE脚手架具体使用方法
2019/05/20 Javascript
使用Python开发windows GUI程序入门实例
2014/10/23 Python
Python中字典创建、遍历、添加等实用操作技巧合集
2015/06/02 Python
详解Python中的array数组模块相关使用
2016/07/05 Python
python读取二进制mnist实例详解
2017/05/31 Python
Python实现爬取需要登录的网站完整示例
2017/08/19 Python
Python之读取TXT文件的方法小结
2018/04/27 Python
用python中的matplotlib绘制方程图像代码
2019/11/21 Python
css3实现3D色子翻转特效
2014/12/23 HTML / CSS
html5中如何将图片的绝对路径转换成文件对象
2018/01/11 HTML / CSS
医学专业毕业生个人的求职信
2013/12/04 职场文书
经理管理专业自荐信范文
2013/12/31 职场文书
开朗女孩的自我评价
2014/02/10 职场文书
利群广告词
2014/03/20 职场文书
十周年庆典策划方案
2014/06/03 职场文书
Python使用UDP实现720p视频传输的操作
2021/04/24 Python
Python 批量下载阴阳师网站壁纸
2021/05/19 Python
Python实现智慧校园自动评教全新版
2021/06/18 Python
微软Win11有哪些隐藏功能? windows11多个功能汇总
2021/11/21 数码科技
SQL中的连接查询详解
2022/06/21 SQL Server
使用opencv-python如何打开USB或者笔记本前置摄像头
2022/06/21 Python