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 select标签操作代码段
May 16 Javascript
javascript的字符串按引用复制和传递,按值来比较介绍与应用
Dec 28 Javascript
jquery统计复选框选中示例
Nov 05 Javascript
jQuery手机浏览器中拖拽动作的艰难性分析
Feb 04 Javascript
javascript中setInterval的用法
Jul 19 Javascript
jQuery将表单序列化成一个Object对象的实例
Nov 29 Javascript
Bootstrap响应式导航由768px变成992px的实现代码
Jun 15 Javascript
JavaScript中常见内置函数用法示例
May 14 Javascript
分享vue里swiper的一些坑
Aug 30 Javascript
vue router 跳转时打开新页面的示例方法
Jul 28 Javascript
javascript头像上传代码实例
Sep 28 Javascript
JavaScript实现简单随机点名器
Nov 21 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
我的论坛源代码(四)
2006/10/09 PHP
WordPress中用于获取文章信息以及分类链接的函数用法
2015/12/18 PHP
使用PHP实现微信摇一摇周边红包
2016/01/04 PHP
jQuery的链式调用浅析
2010/12/03 Javascript
javascript与webservice的通信实现代码
2010/12/25 Javascript
extjs ColumnChart设置不同的颜色实现代码
2013/05/17 Javascript
如何使用Jquery获取Form表单中被选中的radio值
2013/08/09 Javascript
jQuery 和 CSS 的文本特效插件集锦
2014/12/12 Javascript
提交按钮的name='submit'引起的js失效问题及原因
2015/02/25 Javascript
js窗口关闭提示信息(兼容IE和firefox)
2015/10/23 Javascript
Bootstrap基本插件学习笔记之折叠(22)
2016/12/08 Javascript
js使用Replace结合正则替换重复出现的字符串功能示例
2016/12/27 Javascript
jQuery使用siblings获取某元素所有同辈(兄弟姐妹)元素用法示例
2017/01/30 Javascript
用angular实现多选按钮的全选与反选实例代码
2017/05/23 Javascript
基于Bootstrap框架菜鸟入门教程(推荐)
2017/09/17 Javascript
vue-cli 组件的导入与使用教程详解
2018/04/11 Javascript
在Angular中使用JWT认证方法示例
2018/09/10 Javascript
原生JS实现多条件筛选
2020/08/19 Javascript
js 压缩图片的示例(只缩小体积,不更改图片尺寸)
2020/10/21 Javascript
多个Vue项目部署到服务器的步骤记录
2020/10/22 Javascript
Python实现的栈(Stack)
2018/01/26 Python
python 判断矩阵中每行非零个数的方法
2019/01/26 Python
Python如何省略括号方法详解
2020/03/21 Python
python中selenium库的基本使用详解
2020/07/31 Python
CSS类名支持中文命名的示例
2014/04/04 HTML / CSS
canvas画图被放大且模糊的解决方法
2020/08/11 HTML / CSS
马来西亚在线时尚女装商店:KEI MAG
2017/09/28 全球购物
英国户外服装品牌:Craghoppers
2019/04/25 全球购物
学期自我鉴定范文
2013/10/01 职场文书
会计专业的自荐信
2013/12/12 职场文书
社区活动邀请函范文
2014/01/29 职场文书
社会发展项目建议书
2014/08/25 职场文书
乡镇机关党员民主评议表自我评价
2014/09/21 职场文书
收银员岗位职责
2015/02/03 职场文书
python如何获取网络数据
2021/04/11 Python
HTML怎么设置下划线?html文字加下划线方法
2021/12/06 HTML / CSS