新数组(7)和array.apply(null，Array(7))之间的差异

Question

任何人都可以解释我new Array(7)和Array.apply(null, Array(7))之间的区别吗？在上下文中：

Array.apply(null, Array(7)).map((e, i) => {
  return moment(i, 'e').format('ddd');
}); // ["Sun" ,"Mon", "Tue", "Wed", "Thu", "Fri", "Sat"]
new Array(7).map((e, i) => {
  return moment(i, 'e').format('dd');
}); // [empty × 7]

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.20.1/moment-with-locales.min.js"></script>

Answer 1

 Array(7)

创建一个稀疏的数组，没有设置元素。因此，作为一个对象，它看起来像：

 {length: 7}

如果您调用任何新的酷阵列方法，则不会迭代，因为数组中没有元素。但是，如果将其扩散到数组构造函数中：

  Array(...Array(3))

等于

 Array(undefined, undefined, undefined)

实际上创建了3（或7）未定义的数组插槽：

 {
 0:undefined,
 1:undefined,
 2:undefined,
 length:3
 }

现在，您可以使用map等迭代它。

 Array(7).fill().map(func)

和

 Array.from({length:7}, func);

Answer 2

Array.apply在 Array对象上调用原型方法。在做Array(7)的情况下，创建了七个元素的新数组，因为这样的new Array(7).apply不是一个有效的调用，并且会给出以下错误：

untuff typeError ：（中间值）。应用不是函数

做Array.apply(null, Array(7))是这里唯一有效的调用。

编辑

语句Array.apply(null, Array(7))将创建一个带有undefined元素的数组。因此，致电.map()将迭代这些元素并产生您的预期结果。

另一方面，仅调用new Array(7)将创建一个稀疏的数组，其定义长度为7。这意味着长度将定义为7，但没有将任何元素填充到数组中。因此，还没有任何迭代。

Answer 3

这两种方法是等效的，因为Function.prototype.apply是Function API的一部分。

看起来您可能需要：

Array
  .from({ length: 7 }, (_, i) => moment(i, 'e').format('ddd'))
;