长度100的数组的多重写法

原文链接  [知乎]： 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);

 

等等