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

转载于:https://www.cnblogs.com/newyear/p/3542785.html

js数组的map方法以及parseInt方法相关推荐

js数组截取方式splice()和slice()方法
js数组截取方式splice()和slice()方法 1.splice() splice() 方法可以添加元素.删除元素,也可以截取数组片段.删除元素时,将返回被删除的数组片段,因此可以使用 spli ...
JS数组转字符串（3种方法） arrays.join(“-“)把数组使用-分割为字符串
JS数组转字符串(3种方法) JavaScript 允许数组与字符串之间相互转换.其中 Array 方法对象定义了 3 个方法,可以把数组转换为字符串,如表所示. Array 对象的数组与字符串相互转 ...
html怎么创建数组,js创建数组的三种方法 JS数组去重的几种常见方法
JS数组有哪几种定义方式? js 里创建一个数组那几种方式有什么区别吗?a = new Array(); b = []; 性能问题吗?? function clear(arr) { // 1 如何获 ...
JS数组合并的7种常见方法
前言项目过程中,经常会遇到 JS 数组合并的情况,时常为这个纠结.这里整理一下 1.ES6解构 [-arr, -arr2] 会生成新的数组 let arr = [1, 2] let arr2 = [ ...
JS数组转字符串（3种方法）和字符串转数组（2种）
一:数组转字符串(3种方法) 同样是数组转字符串,toString(),toLocaleString(),join(),join(',')的区别是什么? JavaScript 允许数组与字符串之间相互 ...
JS数组转字符串（3种方法）
JavaScript 允许数组与字符串之间相互转换.其中 Array 方法对象定义了 3 个方法,可以把数组转换为字符串,如表所示. 数组方法说明 toString() 将数组转换成一个字符串 to ...
JS 数组转字符串的4种方法
前言:在项目过程中,我们会有很多情况会遇到我们拿到的的是一个数组的情况,但是后台可能需要的是一个以","分割的字符串,那我们有哪些方法进行转换呢? 1.我们首先for循环这个数组, ...
js数组的map方法
map():返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值,map()方法按照原始数组元素顺序依次处理元素 map方法会给原数组中的每个元素都按顺序调用一次callback函数,call ...
js 数组移除_JS某些封装方法
js中的一些封装方法 1.首先var一个数组然后创建一个函数,在函数里var一个新的空数组,利用for循环,在for循环里var一个下标 i=形参的长度-1 设置i>=0 i--. 在for循 ...

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

js数组的map方法以及parseInt方法相关推荐

最新文章

热门文章