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 相关文章推荐
解决使用attachEvent函数时,this指向被绑定的元素的问题的方法
Aug 13 Javascript
DIY jquery plugin - tabs标签切换实现代码
Dec 11 Javascript
当滚动条滚动到页面底部自动加载增加内容的js代码
May 13 Javascript
JS实现简单的键盘打字的效果
Apr 24 Javascript
jquery中toggle函数交替使用问题
Jun 22 Javascript
详解React Native顶|底部导航使用小技巧
Sep 14 Javascript
微信小程序下拉刷新界面的实现
Sep 28 Javascript
详谈js中标准for循环与foreach(for in)的区别
Nov 02 Javascript
JS中数据结构之栈
Jan 01 Javascript
jQuery实现的网站banner图片无缝轮播效果完整实例
Jan 28 jQuery
React+Antd+Redux实现待办事件的方法
Mar 14 Javascript
详解Vue.js中引入图片路径的几种方式
Jun 17 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
评分9.0以上的动画电影,剧情除了经典还很燃
2020/03/04 日漫
php技术实现加载字体并保存成图片
2015/07/27 PHP
基于ThinkPHP5.0实现图片上传插件
2017/09/25 PHP
laravel请求参数校验方法
2019/10/10 PHP
Laravel 5.2 文档 数据库 ―― 起步介绍
2019/10/21 PHP
鼠标图片振动代码
2006/07/06 Javascript
javascript 进度条 实现代码
2009/07/30 Javascript
JS检测图片大小的实例
2013/08/21 Javascript
js判断url是否有效的两种方法
2014/03/04 Javascript
jQuery截取指定长度字符串代码
2014/08/21 Javascript
分享2个jQuery插件--jquery.fileupload与artdialog
2014/12/26 Javascript
jQuery实现的动态伸缩导航菜单实例
2015/05/07 Javascript
javascript使用输出语句实现网页特效代码
2015/08/06 Javascript
jQuery EasyUi 验证功能实例解析
2017/01/06 Javascript
Zepto实现密码的隐藏/显示
2017/04/07 Javascript
vue中对象数组去重的实现
2020/02/06 Javascript
解决Vue的项目使用Element ui 走马灯无法实现的问题
2020/08/03 Javascript
基于Python3 逗号代码 和 字符图网格(详谈)
2017/06/22 Python
Django1.9 加载通过ImageField上传的图片方法
2018/05/25 Python
python剪切视频与合并视频的实现
2020/03/03 Python
Python捕获异常堆栈信息的几种方法(小结)
2020/05/18 Python
20行代码教你用python给证件照换底色的方法示例
2021/02/05 Python
html5的画布canvas——画出简单的矩形、三角形实例代码
2013/06/09 HTML / CSS
HTML5中的强制下载属性download使用实例解析
2016/05/12 HTML / CSS
美国鞋类购物网站:Shiekh Shoes
2016/08/21 全球购物
企业年会主持词
2014/03/27 职场文书
党员学习党的群众路线思想汇报(5篇)
2014/09/10 职场文书
工资收入证明样本(5篇)
2014/09/16 职场文书
八项规定个人对照检查材料思想汇报
2014/09/25 职场文书
毕业生就业推荐表自我评价
2015/03/02 职场文书
行政答辩状范文
2015/05/21 职场文书
无工作证明怎么写
2015/06/15 职场文书
python基于tkinter制作无损音乐下载工具
2021/03/29 Python
mysql对于模糊查询like的一些汇总
2021/05/09 MySQL
Nginx 安装SSL证书完成HTTPS部署
2022/04/28 Servers
python如何为list实现find方法
2022/05/30 Python