js数组的map方法以及parseInt方法

无意看到一个方法:

["1", "2", "3"].map(parseInt);

返回值为:[1, NaN, NaN]。

好奇查了下map方法的用法如下:map 方法会给原数组中的每个元素(必须有值)都调用一次 callback 函数。callback 每次执行后的返回值组合起来形成一个新数组。callback函数只会在有值的索引上被调用,那些从来没被赋过值或者使用delete删除的索引则不会被调用。

也就是数组都调用了parseInt方法,但是为什么返回的值却不同呢。因为callback 函数会被自动传入三个参数:数组元素,元素索引,原数组本身。而parseInt方法是可以接收两个参数的,第一个为被转化的值,第二个为被转化值的进制。map自动传入的第二个参数被当做进制了,也就是数组的index被当做进制数了。当进制数为0时,默认为10进制,故结论数组第一个值为1,。当parseInt的进制参数小于2或者大于36,就返回NaN,因此第二个值为NaN。第三个值为NaN的原因是相当于执行了parseInt("3","2"),而2进制下数字3是不存在的,也返回了NaN。

参考链接:

https://developer.mozilla.org/zh-CN/docs/JavaScript/Reference/Global_Objects/Array/map

 

http://www.w3school.com.cn/js/jsref_parseInt.asp

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。