原文链接 [知乎]: https://www.zhihu.com/question/41493194
[简书]:https://www.jianshu.com/p/6c7d0b18d4ca
今天在知乎看到一个问答贴, 题目是这样的:
如何不使用loop循环,创建一个长度为100的数组,并且每个元素的值等于它的下标?
帖子作者是这样写的
var a = new Array(100);
a = a.map(function(item, index) {
return index;
});
但是这个打印出来a是个空数组.
为什么呢, 明明 new Array(100)了啊。 自己浏览器试了试果然也是这样的, 是个空数组。
(简书上)mdn显示
意思是说, new Array(100)的数组, 其实是一个只有length,没有元素和索引的空数组。
下面的方法用来证明这个数组没有索引
let a = new Array(10)
console.log(2 in a) // false
Array原型上的map等方法,是期望一个可以迭代的、具有非空的值的数组作为调用者,所以直接new Array()出来的数组是无法正常运行map()来获得期望的结果的
那有什么办法可以完成题目要求呢?
(知乎)创建一个空的密集数组最正确姿势应该用:
Array.from({length:100})
或者用
Array.apply(null, Array(100))
或者
Array.apply(null,{length:100})
// Array.apply(null,Array(3)) 实际上等同于Array.apply(null,[undefined,undefined,undefined]),也就等同于Array(undefined,undefined,undefined),得到的数组的索引和值都是非空的
// Array.apply(null, { length: 20 })的{ length: 20 }其实就是个可迭代的对象,是个类数组对象,所以同样可以使用, 只要有length就行
ES6可以用spread拓展运算符
[...Array(100)]
答案前三种
ES5版
Object.keys(Array.apply(null,{length:100}));
ES6版
Array.from(Array(100).keys())
或者
[...Array(100).keys()]
其他答案:
1. 递归
function reduce(prev, curr) {
if (curr >= 100) {
return prev
}
prev.push(curr)
return reduce(prev, curr + 1)
}
var arr = reduce([], 0)
(function f(i){if(i==0){return []};a=f(i-1);a.push(i-1);return a})(100)
2. 用fill填充, 在返回索引数组也行
new Array(100).fill("").map(function(v,i){return i})
以及
" ".repeat(100).split("").map((v,i)=>i)
(f=(i)=>i==0?[]:[...f(i-1),i])(99)
3. 甚至用定时器
let arr = [];
let i = 0;
let timer = setInterval(function(){
arr.push(i++);
if(i >= 100){
clearInterval(timer);
console.log(arr);
}
}, 1);
等等