map和parseInt

一、map
1、map的参数

Array.map(callback, thisIndex)：

callback(currentValue, index, arr)：

currentValue：必要参数，表示当前元素的值
index：当前元素在数组中的索引，可选
arr：当前元素所属的数组，可选

thisIndex： 可选参数，回调函数的this或者对象的this

2、map的特点：

不会改变原数组，返回的是经过回调函数处理的新数组
在回调函数中必须返回currentValue
不会检验数组是否为空

3、map的使用

        let newArr = [1,2,3,4,5,6,7,8,9,10];
        console.log(newArr.map(data => {
            return data*2;
        }));

得到如下结果：

二、parseInt

1、参数

parseInt(string, radix)：

string： 表示要转换的字符串

radix： 表示转换的基数（进制数, 2 ~ 36 ）

当我们只传string时，js会对它做如下基础处理：

如果 string 以 “0x” 开头，parseInt() 会把 string 的其余部分解析为十六进制的整数。
如果 string 以 0 开头，那么 ECMAScript v3 允许 parseInt()
的一个实现把其后的字符解析为八进制或十六进制的数字。
如果 string 以 1 ~ 9 的数字开头，parseInt() 将把它解析为十进制的整数。

2、parseInt的特点：

只有字符串的第一个数字会被返回，当第一个字符不能转换为数字，将会直接返回NaN
字符串开头和结尾可以有空格
当字符串第一个是比后面基数的值大时，会直接返回NaN（即该数字不是该进制表示的数）

3、parseInt的使用：

        console.log(parseInt('5'));
        console.log(parseInt('r5'));
        console.log(parseInt('4rr'));
        console.log(parseInt('3', 2));

结果：

三、、面试题

以下输出什么？为什么？

console.log(['1', '2','3'].map(parseInt));

这里将parseInt当做回调函数，但是在调用parseInt时会自动获取两个参数：数组中每个值以及数组的索引。这得益于map函数，因为map函数的回调函数默认有三个参数，第一个是数组每个元素，第二个是索引，第三个是元素所属的数组；由于parseInt仅能接收前两个参数，所以我们运行代码时会得到以下结果：

parseInt(‘1’, 0)：在js中，当redix为0但是string不是0时，将会把基数当做10来处理，因此得到 1
parseInt(‘2’, 1)：由于redix=1，不在基数范围2-36之间并且2也不是可以表示一进制的数，所以得到结果 NaN
parseInt(‘3’, 2)：redix = 1是在2-36范围之间的，但是由于3不是能够表示二进制的数，所以得到结果 NaN

因此，最后得到的结果是 [1, NaN, NaN]

map和parseInt

map和parseInt

猜你喜欢