【面试系列】['1', '2', '3'].map(parseInt) what & why ?

这题考察的是map函数和parseInt函数的联合应用。

map

map 函数的第一个参数 callback。这个 callback 一共可以 接收三个参数，其中第一个参数代表当前被处理的元素，而第二个参数代表该 元素的索引。 arr.map(callback: (value: T, index: number, array: T[]) => U, thisArg?: any);
所以试题可以首先转化为[parseInt('1',0),parseInt('2',1),parseInt('3',2)],
然后接下来分别解析这三个函数的值，如果不理解parseInt函数，大多会得到[1,2,3]，但实际上答案是[1,NaN,NaN]，原因要接下来看函数parseInt的分析。

parseInt

1. 含义

parseInt() 函数可解析一个字符串，并返回一个整数。

当参数 radix 的值为 0，或没有设置该参数时，parseInt() 会根据 string 来判断数字的基数。

当忽略参数 radix , JavaScript 默认数字的基数如下:

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

2. 参数描述

string 必需。要被解析的字符串。
radix 可选。表示要解析的数字的基数。该值介于 2 ~ 36 之间。

第一个参数：除了'0x'开头，还有以下情况；

1. 字符串开头，结果是NaN；
2. 加减号+、-开头，解析紧接着的第一个字符串，如果是字符串，结果是NaN；
3. 数字开头，要看第二个参数；

第二个参数Radix：
默认第一个参数是数字字符串的前提下，如果第二个参数是：

1. 0，会以十进制解析，结果是字符串对应的纯数字，如("12A3")解析是12；
2. 1，结果是NaN，参数只能是2~36的数字，如("12A3",1)解析是NaN；
3. 2~36的数字，它会只解析到它小于radix的上一位，具体：
   a. 如parseInt('124',5)，结果是39，解法是【1x5^2 + 2x5^1 + 4x5^0=39】；
   b. 如parseInt('125',5)，结果是7，解法是【1x5^1 + 2x5^0=7】,5不计算且只计算2位数，是因为5不在2~5的范围；
   c. 同理，如parseInt('126',5)，结果是7，解法是【1x5^1 + 2x5^0=7】,6不计算且只计算2位数，是因为6不在2~5的范围；
   所以parseInt('12x',5)中的x无论是多少，只要不小于5，2之后的数字都无意义。

3. 验证

parseInt(“10”); // 返回 10
parseInt(“19”,10); // 返回 19 (1x10^1 + 9x10^0 = 19)
parseInt(“11”,2); // 返回 3 (1x2^1 + 1x2^0 = 3)
parseInt(“12”,2); // 返回 3 (1x1^0 = 1)
parseInt(“17”,8); // 返回 15 (1x8^1 + 7x8^0 = 15)
parseInt(“178”,8); // 返回 15 (1x8^1 + 7x8^0 = 15)
parseInt(“19”,8); // 返回 15 (1x8^0 = 1)
parseInt(“1f”,16); // 返回 31 (1x16^1 + 15x16^0 = 31，a在十进制代表10，f代表15)