原题描述：
不使用 loop 循环，创建一个长度为 100 的数组，并且每个元素的值等于它的下标
这个问题的一些变种例如给一个长度 length 和 value，返回长度为 length 值全为 value 的数组等。
1.误区
最容易掉入陷阱的：
var arr = new Array(100);
arr = arr.map(function(item, index) {
return index;
});
// (100) [empty × 100]
2.解释
坑在 Array(100)，可以看看MDN的规范。
在 47版本 Chrome 下(或者早些的 Chrome 版本)，new Array(10) 会返回[ undefined,undefined,undefined,…….(100) ]，
但这个 undefined 又跟你直接声明的 [ undefined,undefined,undefined,…….(100) ] 不同
[ null, null ].map((item, index) => index); // [ 0, 1 ]
[ undefined, undefined ].map((item, index) => index); // [ 0, 1 ]
const b =new Array(100);
b.map((item, index) => index); // (100) [empty × 100]
3.正确的解决
其实这道题的面试官当时是说不用loop的情况下的解决方案，用Array方法的话其实都是属于loop，目的是考察递归：
1. 递归+自执行函数
var arr = [];
(function dfs(i) {
if (i < 100) {
arr.push(i);
dfs(++i);
}
}(0));
2. 转化成字符串
Array(100).join(",").split(",").map(function(key,index) { return index })
3. apply转换一下，可以看到js的大多数坑的解决都有apply的身影。。。
Array.apply(null, Array(100)).map((item,index) => index)
apply 在 es5 可以加类数组对象，在传入的时候，由于每一项的值都是不存在的，相当于进去的是 undefined（这里的 undefined 是真真切切的 undefined 。。。）
4. Int8Array
new Int8Array(100).map((item,index) => index)
Int8Array的规范可以看相关文档
补充的解法
第一种
var ary = [];
ary.valueOf = function() {
ary.push(ary.length)
ary.length<100 && +ary
}
+ary
- js 里的 + 号在不同表达式里有不同含义
- 在这里，是加号
- 加号后面跟一个数组，触发了隐式转换
- 数组的隐式转换包含两个，toString 和 valueOf，根据数组的隐式转换规则，这里调用 valueOf
- 但是 ary 的 valueOf 被改写了，改成了看到的那个函数，那个函数里每次会给 ary 新加一个与下标相同的元素
- 如果下标还没到 100，就再 +ary 一次，相当于又调用了一次 valueOf
- 于是就形成了递归
第二种
[...Object.keys(window).slice(0, 100)].map((v, i) => i);
// (100) [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 62, 63, 64, 65, 66, 67, 68, 69, 70, 71, 72, 73, 74, 75, 76, 77, 78, 79, 80, 81, 82, 83, 84, 85, 86, 87, 88, 89, 90, 91, 92, 93, 94, 95, 96, 97, 98, 99]
转载 https://blog.csdn.net/major_zhang/article/details/79616974
网友评论