长度100的数组的多重写法

向右看齐 2022-02-26 02:56 68阅读 0赞

原文链接  \[知乎\]： [https://www.zhihu.com/question/41493194][https_www.zhihu.com_question_41493194]

\[简书\]：[https://www.jianshu.com/p/6c7d0b18d4ca][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)了啊。 自己浏览器试了试果然也是这样的， 是个空数组。

![20190328201712607.png][]

（简书上）mdn显示

![webp][]

意思是说， 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);

等等

[https_www.zhihu.com_question_41493194]: https://www.zhihu.com/question/41493194
[https_www.jianshu.com_p_6c7d0b18d4ca]: https://www.jianshu.com/p/6c7d0b18d4ca
[20190328201712607.png]: /images/20220226/bdf6b1cbccfe44439c00eeaf47151c97.png
[webp]: /images/20220226/e063fab372d5453e86eeb86c6858221b.png