谁能解释一下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>
发布于 2017-12-28 22:26:36
Array(7)创建一个没有设置元素的稀疏数组。因此,作为一个对象,它看起来如下:
{length: 7}如果要调用任何新的酷数组方法,它不会迭代,因为数组中没有元素。但是,如果将其扩展到Array构造函数中:
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);发布于 2017-12-28 22:17:00
Array.apply调用Array对象上的prototype方法。其中,Array(7)正在创建一个包含7个元素的新数组,因为new Array(7).apply不是一个有效的调用,因此会产生以下错误:
未定义的TypeError:(中间值).apply不是函数
执行Array.apply(null, Array(7))是这里唯一有效的调用。
编辑
Array.apply(null, Array(7))语句将创建一个由undefined元素填充的数组。因此,调用.map()将迭代这些元素并生成预期的结果。
另一方面,只要调用new Array(7),就会创建一个定义长度为7的稀疏数组。这意味着长度将被定义为7,但它没有将任何元素填充到数组中。所以还没有什么可迭代的。
发布于 2017-12-28 22:12:35
这两种方法是等价的,因为Function.prototype.apply是Function api的一部分。
看起来你可能需要这样的东西:
Array
.from({ length: 7 }, (_, i) => moment(i, 'e').format('ddd'))
;https://stackoverflow.com/questions/48014973
复制相似问题