这是另一个解决方案

var arr = Array.apply( null, { length: 4 } );
arr;  // [undefined, undefined, undefined, undefined] (in Chrome)
arr.length; // 4

apply（）的第一个参数是this对象绑定，这里我们不关心它，所以我们将其设置为null。

Array.apply（..）正在调用Array（..）函数，并将｛length:3｝对象值作为其参数展开。

在大多数答案中，建议填充数组，因为否则“无法对其进行迭代”，但这不是真的。您可以迭代空数组，但不能使用forEach。While循环、for of循环和for i循环工作正常。

const count = Array(5);

不起作用。

console.log('---for each loop:---');
count.forEach((empty, index) => {
    console.log(`counting ${index}`);
});

这些工作：

console.log('---for of loop:---');
for (let [index, empty] of count.entries()) {
  console.log(`counting for of loop ${index}`);
}

console.log('---for i loop:---');
for (let i = 0, il = count.length; i < il; ++i) {
  console.log(`counting for i loop ${i}`);
}

console.log('---while loop:---');
let index = 0;
while (index < count.length) { 
  console.log(`counting while loop ${index}`); 
  index++; 
}

用上面的例子检查这个小提琴。

另外，angulars*ngFor在空数组中也很好：

<li *ngFor="let empty of count; let i = index" [ngClass]="
  <span>Counting with *ngFor {{i}}</span>
</li>

除了其他人的答案之外，另一个聪明的方法是使用Float32Array创建一个数组并对其进行迭代。

为此，从Float32Array创建一个具有所需长度的实例，如下所示：

new Float32Array(5)

此代码返回一个数组，您可以使用array.from（）将其转换为数组：

Array.from(new Float32Array(5)) // [0, 0, 0, 0, 0]

您还可以使用fill（）更改项的值：

Array.from(new Float32Array(5).fill(2)) // [2, 2, 2, 2, 2]

当然，您可以对其进行迭代：

Array.from(new Float32Array(5)).map(item => /* ... */ )

使用ES2015.fill（），您现在可以简单地执行以下操作：

// `n` is the size you want to initialize your array
// `0` is what the array will be filled with (can be any other value)
Array(n).fill(0)

这比Array.apply（0，new Array（n））.map（i=>value）要简洁得多

可以在.fill（）中删除0并在没有参数的情况下运行，这将用undefined填充数组。（但是，这将在Typescript中失败）

这将把长度属性初始化为4:

var x = [,,,,];

[...Array(6)].map(x => 0);
// [0, 0, 0, 0, 0, 0]

OR

Array(6).fill(0);
// [0, 0, 0, 0, 0, 0]

注意：不能循环空插槽，即Array（4）。forEach（（）=>…）

---

OR

（字体安全）

Array(6).fill(null).map((_, i) => i);
// [0, 1, 2, 3, 4, 5]

---

OR

使用函数的经典方法（适用于任何浏览器）

function NewArray(size) {
    var x = [];
    for (var i = 0; i < size; ++i) {
        x[i] = i;
    }
    return x;
}

var a = NewArray(10);
// [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]

---

创建嵌套阵列

当使用填充直观地创建二维阵列时，应该创建新的实例。但实际发生的情况是，相同的数组将作为引用存储。

var a = Array(3).fill([6]);
// [  [6], [6], [6]  ]

a[0].push(9);
// [  [6, 9], [6, 9], [6, 9]  ]

解决方案

var a = [...Array(3)].map(x => []);

a[0].push(4, 2);
// [  [4, 2], [], []  ]

因此，3x2阵列将如下所示：

[...Array(3)].map(x => Array(2).fill(0));
// [  [0, 0], [0, 0], [0, 0]  ]

---

N维阵列

function NArray(...dimensions) {
    var index = 0;
    function NArrayRec(dims) {
        var first = dims[0], next = dims.slice().splice(1); 
        if(dims.length > 1) 
            return Array(dims[0]).fill(null).map((x, i) => NArrayRec(next ));
        return Array(dims[0]).fill(null).map((x, i) => (index++));
    }
    return NArrayRec(dimensions);
}

var arr = NArray(3, 2, 4);
// [   [  [ 0,  1,  2,  3 ] , [  4,  5,  6,  7]  ],
//     [  [ 8,  9,  10, 11] , [ 12, 13, 14, 15]  ],
//     [  [ 16, 17, 18, 19] , [ 20, 21, 22, 23]  ]   ]

---

初始化棋盘

var Chessboard = [...Array(8)].map((x, j) => {
    return Array(8).fill(null).map((y, i) => {
        return `${String.fromCharCode(65 + i)}${8 - j}`;
    });
});

// [ [A8, B8, C8, D8, E8, F8, G8, H8],
//   [A7, B7, C7, D7, E7, F7, G7, H7],
//   [A6, B6, C6, D6, E6, F6, G6, H6],
//   [A5, B5, C5, D5, E5, F5, G5, H5],
//   [A4, B4, C4, D4, E4, F4, G4, H4],
//   [A3, B3, C3, D3, E3, F3, G3, H3],
//   [A2, B2, C2, D2, E2, F2, G2, H2],
//   [A1, B1, C1, D1, E1, F1, G1, H1] ]

---

数学填充值

处理数学时，简便的小方法过载

function NewArray( size , method, linear )
{
    method = method || ( i => i ); 
    linear = linear || false;
    var x = [];
    for( var i = 0; i < size; ++i )
        x[ i ] = method( linear ? i / (size-1) : i );
    return x;
}

NewArray( 4 ); 
// [ 0, 1, 2, 3 ]

NewArray( 4, Math.sin ); 
// [ 0, 0.841, 0.909, 0.141 ]

NewArray( 4, Math.sin, true );
// [ 0, 0.327, 0.618, 0.841 ]

var pow2 = ( x ) => x * x;

NewArray( 4, pow2 ); 
// [ 0, 1, 4, 9 ]

NewArray( 4, pow2, true ); 
// [ 0, 0.111, 0.444, 1 ]