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 相关文章推荐
javascript 实现父窗口引用弹出窗口的值的脚本
Aug 07 Javascript
科讯商业版中用到的ajax空间与分页函数
Sep 02 Javascript
HTML代码中标签的全部属性 中文注释说明
Mar 26 Javascript
JQuery中$之选择器用法介绍
Apr 05 Javascript
js中方法重载如何实现?以及函数的参数问题
Aug 01 Javascript
利用JavaScript实现新闻滚动效果(实例代码)
Nov 27 Javascript
javascript进行四舍五入方法汇总
Dec 16 Javascript
js判断复选框是否选中及选中个数的实现代码
May 30 Javascript
JSON键值对序列化和反序列化解析
Jan 24 Javascript
Bootstrap3 模态框使用实例
Feb 22 Javascript
微信小程序 开发之顶部导航栏实例代码
Feb 23 Javascript
React Native 自定义下拉刷新上拉加载的列表的示例
Mar 01 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编程基本语法快速入门手册
2016/01/07 PHP
php中使用GD库做验证码
2016/03/31 PHP
redis+php实现微博(三)微博列表功能详解
2019/09/23 PHP
javascript globalStorage类代码
2009/06/04 Javascript
关于UTF-8的客户端用AJAX方式获取GB2312的服务器端乱码问题的解决办法
2010/11/30 Javascript
网页源代码保护(禁止右键、复制、另存为、查看源文件)
2012/05/23 Javascript
jQuery函数map()和each()介绍及异同点分析
2014/11/08 Javascript
JS中的二叉树遍历详解
2016/03/18 Javascript
AngularJS实用开发技巧(推荐)
2016/07/13 Javascript
webpack+vue.js实现组件化详解
2016/10/12 Javascript
关于RequireJS的简单介绍即使用方法
2016/10/20 Javascript
js前端实现多图图片上传预览的两个方法(推荐)
2016/11/18 Javascript
详解JS数据类型的值拷贝函数(深拷贝)
2017/07/13 Javascript
vue中前进刷新、后退缓存用户浏览数据和浏览位置的实例讲解
2018/09/21 Javascript
微信小程序提取公用函数到util.js及使用方法示例
2019/01/10 Javascript
[00:52]黑暗之门更新 新英雄孽主驾临DOTA2
2016/08/24 DOTA
玩转python爬虫之URLError异常处理
2016/02/17 Python
python实现定时发送qq消息
2019/01/18 Python
python 实现图片旋转 上下左右 180度旋转的示例
2019/01/24 Python
基于python生成器封装的协程类
2019/03/20 Python
详解pandas的外部数据导入与常用方法
2019/05/01 Python
python3用PIL把图片转换为RGB图片的实例
2019/07/04 Python
Python3实现zip分卷压缩过程解析
2019/10/09 Python
Python搭建HTTP服务过程图解
2019/12/14 Python
Tensorflow中的dropout的使用方法
2020/03/13 Python
tensorflow 20:搭网络,导出模型,运行模型的实例
2020/05/26 Python
python如何提升爬虫效率
2020/09/27 Python
Nike台湾官方商店:Nike.com (TW)
2017/08/16 全球购物
白俄罗斯在线大型超市:e-dostavka.by
2019/07/25 全球购物
2014年入党积极分子党课学习心得体会模板
2014/04/03 职场文书
小学教师暑期培训方案
2014/08/28 职场文书
世界气象日活动总结
2015/02/27 职场文书
初级职称评定工作总结
2015/08/13 职场文书
2016年中秋节晚会领导致辞
2015/11/26 职场文书
2016幼儿园毕业感言
2015/12/08 职场文书
高中优秀作文(范文)
2019/08/15 职场文书