大厂就是吊，这面试题把我整懵了
共 2729字，需浏览 6分钟
·
2021-03-10 10:19
大厂就是吊，这面试题把我整懵了
题目如下：
['1', '2', '3'].map(parseInt)
然后让你说出返回值，以及为什么？
不得不说，大厂就是吊啊，是大厂真会造火箭，还是我们的基础不太好，明显是第二种嘛？一般人都会回答 ['1', '2', '3']。
大佬们是不会回答 ['1', '2', '3']，而是回答 [1, NaN, NaN]。
这就把我给整懵逼了，就这还能难得到我，诶，还真把我难倒了。
接下来我们就来好好解析一下为什么？
解析之前，我们得想想面试官到底想问什么？
我猜想有以下几个可能
map 方法 parseInt 方法
map 方法解析
['1', '2', '3'].map(function(item){
console.log(item)
})
你以为他会只打印 1,2,3。其实不是，来看看浏览器控制台是怎么打印的：
1
2
3
(3)[undefined, undefined, undefined]
神了，还打印出四个值来，其实最后一个是返回值，就是因为function(item){} 没有真正的返回值，默认返回undefined
所以 map 之后返回一个三个 undefined 元素的数组
[undefined, undefined, undefined]
其实上面我们可以这样写，就更加清楚了
var a = ['1', '2', '3'].map((item) => console.log(item))
console.log(a)
其实打印出来就是：
[undefined, undefined, undefined]
继续深入研究：
['1', '2', '3'].map(function(item, index){
// item: 数组元素
// index: 数组元素的下标
console.log(item, index)
})
会打印出：
item, index
1 0
2 1
3 2
继续深入研究：
['1', '2', '3'].map(function(item, index, array){
console.log("item", item)
console.log("index", index)
console.log("array", array)
})
会打印出：
item 1
index 0
array (3) ["1", "2", "3"]
item 2
index 1
array (3) ["1", "2", "3"]
item 3
index 2
array (3) ["1", "2", "3"]
这里有个经常面试的考点就是考 map 与 forEach 的核心区别：
1. map 会重新返回数组
2. forEach 不会重新返回数组
ok
parseInt
记住核心的一点就是其实 parseInt(string, radix) 解析一个字符串并返回指定基数的十进制整数， radix 是2-36之间的整数，表示被解析字符串的基数。
parseInt 其实是有两个参数的，只是如果我们平时不注意的话，会以为只有一个参数，所以回答 ['1', '2', '3'] 可能就以为只有一个参数，而且会认为默认就是 10 进制的。
实际上面那道题目可以转化为：
['1', '2', '3'].map(parseInt(item, index))
是不是这样的呢？是的，就是这样的，他会把数组元素当做 parseInt 第一个参数，将数组元素的下标当做 parseInt 第二个参数
那么为什么是 [1, NaNa, NaN] 呢？
其实就是执行了三遍：
parseInt("1", 0) // 0
parseInt('2', 1) // NaN
parseInt('3', 2) // NaN
第一个元素是 1，是问啥。
如果 radix 是 undefined、0或未指定的，JavaScript会假定以下情况：
如果输入的 string以 "0x"或 "0x"（一个0，后面是小写或大写的X）开头，那么radix被假定为16，字符串的其余部分被当做十六进制数去解析。
如果输入的 string以 "0"（0）开头， radix被假定为8（八进制）或10（十进制）。具体选择哪一个radix取决于实现。ECMAScript 5 澄清了应该使用 10 (十进制)，但不是所有的浏览器都支持。因此，在使用 parseInt 时，一定要指定一个 radix。
如果输入的 string 以任何其他值开头， radix 是 10 (十进制)。
如果第一个字符不能转换为数字，parseInt会返回 NaN。
那么第二个元素是 NaN，很纳闷。
你想想看：
radix 可选
从 2 到 36，表示字符串的基数。例如指定 16 表示被解析值是十六进制数。请注意，10不是默认值！
没有 1进制转换，所以是 NaN。
第三个元素是 NaN 又是为啥呢？
parseInt('3', 2) // NaN
因为 2 进制转换，只有 0 和 1，2进制没法表示 3
所以打印出来就是 NaN