在JavaScript中创建数组并用索引加一填充[重复]

Question

我正在尝试使用 new Array() 创建一个数组并填充索引 + 1 但不知何故，虽然数组创建成功但值未正确填充。

代码 -

var aa = (new Array(4)).map((x, index) => {
    return index + 1;
});

console.log(aa);

输出 - [undefined, undefined, undefined, undefined]

预期 - [1, 2, 3, 4]

让我知道我在这里做错了什么。

Answer 1

map 只访问实际存在的条目，它会跳过稀疏数组中的间隙。

有多种方法可以做到这一点：

1. 您可以使用Array.from 及其映射回调：

   const as = Array.from(Array(4), (_, index) => index + 1);
   
   console.log(as);

2. 您可以使用简单的for 循环：

   const as = [];
   for (let index = 1; index <= 4; ++index) {
       as.push(index);
   }
   
   console.log(as);

3. 您可以使用fill，然后使用map：

   const as = Array(4).fill().map((_, index) => index + 1);
   
   console.log(as);

4. fill+map 的变体，您可以将 spread 用作Igor shows。

Answer 2

[...Array(4)].map((v, i) => i + 1)