[‘1‘,‘2‘,‘3‘].map(parseInt)结果讲解
一、前言
这是一道前端面试题,先说结果:[1, NaN, NaN]
二、为什么会是这个结果
1. map函数
将数组的每个元素传递给指定的函数处理,并返回处理后的数组,所以 ['1','2','3'].map(parseInt) 就是将字符串1,2,3作为元素;0,1,2作为下标分别调用 parseInt 函数。即分别求出 parseInt('1',0), parseInt('2',1), parseInt('3',2)的结果。
2. parseInt函数(重点)
概念:以第二个参数为基数来解析第一个参数字符串,通常用来做十进制的向上取整(省略小数)如:parseInt(2.7) //结果为2
特点:接收两个参数parseInt(string,radix)
string:字母(大小写均可)、数组、特殊字符(不可放在开头,特殊字符及特殊字符后面的内容不做解析)的任意字符串,如 '2'、'2w'、'2!'
radix:解析字符串的基数,基数规则如下:
1) 区间范围介于2~36之间;
2 ) 当参数为 0,parseInt() 会根据十进制来解析;
3 ) 如果忽略该参数,默认的基数规则:
如果 string 以 "0x" 开头,parseInt() 会把 string 的其余部分解析为十六进制的整数;parseInt("0xf") //15
如果 string 以 0 开头,其后的字符解析为八进制或十六进制的数字;parseInt("08") //8
如果 string 以 1 ~ 9 的数字开头,parseInt() 将把它解析为十进制的整数;parseInt("88.99f") //88
只有字符串中的第一个数字会被返回。parseInt("10.33") //返回10;
开头和结尾的空格是允许的。parseInt(" 69 10 ") //返回69
如果字符串的第一个字符不能被转换为数字,返回 NaN。parseInt("f") //返回NaN 而parseInt("f",16) //返回15
三、再来分析一下结果
['1','2','3'].map(parseInt)即
parseInt('1',0);radix 为 0,parseInt() 会根据十进制来解析,所以结果为 1;
parseInt('2',1);radix 为 1,超出区间范围,所以结果为 NaN;
parseInt('3',2);radix 为 2,用2进制来解析,应以 0 和 1 开头,所以结果为 NaN。
四、parseInt方法解析的运算过程
parseInt('101.55',10); //以十进制解析,运算过程:向上取整数(不做四舍五入,省略小数),结果为 101。
parseInt('101',2); //以二进制解析,运算过程:1*2的2次方+0*2的1次方+1*2的0次方=4+0+1=5,结果为 5。
parseInt('101',8); //以八进制解析,运算过程:1*8的2次方+0*8的1次方+1*8的0次方=64+0+1=65,结果为 65。
parseInt('101',16); //以十六进制解析,运算过程:1*16的2次方+0*16的1次方+1*16的0次方=256+0+1=257,结果为 257。
[‘1‘,‘2‘,‘3‘].map(parseInt)结果讲解相关推荐
- [JS] 关于parseInt的一个小知识:[‘1‘, ‘2‘, ‘3‘].map(parseInt)
主要是在笔试里看到了,自己试下.. let a = ['1', '2', '3'].map(parseInt) console.log(a) 运行结果: 反正当时是做错了,QAQ 查了一下原理,感谢大 ...
- ['1','2','3'].map(parseInt)
理解这道题的本质就在于: 对map第一个参数callback传参的理解 对parseInt的传参和转化字符的规则 其实就是考察我们平时对基础知识的API的掌握情况. Array.prototype.m ...
- 解惑 [1, 2, 3].map(parseInt) 为何返回[1,NaN,NaN]
javascript中的parseInt与map函数都是常用的函数,可是 ["1", "2", "3"].map(parseInt) 为何返 ...
- string数组转map_[#x27;1#x27;, #x27;2#x27;, #x27;3#x27;].map(parseInt) 映射解析
parseInt(string,radix) 将一个字符串 string 转换为 radix 进制的整数,radix为介于2-36之间的数. 参数: string要被解析的值.如果参数不是一个字符串, ...
- [前端面试题][‘1‘,‘2‘,‘3‘].map(parseInt)
** [前端面试题]['1','2','3'].map(parseInt)的坑 ** console.(['1','2','3'].map(parseInt)); 乍一看,是不是都以为是输出1,2,3 ...
- 面试官:[‘1‘, ‘2‘, ‘3‘].map(parseInt)的结果是什么?为甚?我:[1, 2, 3]。面试官:你不用来了。
大家好,我是一碗周,一个不想被喝(内卷)的前端.如果写的文章有幸可以得到你的青睐,万分有幸~ 面试官:['1', '2', '3'].map(parseInt)的结果是什么?为甚? 我:[1, 2, ...
- ['1', '2', '3'].map(parseInt) what why ?
关于map和parseInt的函数解释developer.mozilla.org/zh-CN/docs/- 首先parseInt(string, radix) 接收两个参数,第一个表示被处理的值(字符 ...
- 掘金100道(2)['1', '2', '3'].map(parseInt) what why ?
一.psrseInt 解析(解析字符串,字符串 => 指定基数的整数) 1 parseInt(string, radix) 接收两个参数,第一个表示被处理的值(字符串),第二个表示为解析时的 ...
- python map用法_讲解Python map()函数和将map()与多个Iterables一起使用
map()是Python中的内置函数,可将函数应用于给定可迭代对象中的所有元素,它使您无需使用循环即可编写简单干净的代码. Python map()函数 map()函数采用以下形式: map(func ...
最新文章
- 电动汽车驱动电机及其控制系统
- 华南主板bios怎么恢复出厂设置_主板电池放电清BIOS恢复出厂设置怎么操作?配图文...
- 包括 一个 20像素的黑条条
- 我是一个*** (三)
- 一个简单的动态web服务器
- My97DatePicker日历的平面显示,不是文本框点击事件后显示
- java override 用法_Java中@Override的作用
- Django REST Framework API Guide 02
- C# button 添加logo
- android 多语言(在APP里面内切换语言)
- 数理统计复习笔记四——区间估计
- Java开发者,我到底要不要学大数据开发?
- 简单使用resquests爬取雪球网数据,分析股票走势
- jqGrid+Struts2(-)数据展示
- 主动触控笔_如何自定义表面笔触控笔
- 没有植入的内容就是TM在逗我
- 用boot camp助理装win 7时卡在了“正在拷贝windows文件”
- 【已解决】Unable to negotiate with — port 22: no matching host key type found. Their offer: ssh
- 《看雪论坛精华11》正式发布
- 个人在5g风口有哪些项目值得我们去做?