首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >新数组(7)与Array.apply(null,Array(7))的区别

新数组(7)与Array.apply(null,Array(7))的区别
EN

Stack Overflow用户
提问于 2017-12-28 22:07:52
回答 3查看 248关注 0票数 2

谁能解释一下new Array(7)Array.apply(null, Array(7))之间的区别?在以下方面:

代码语言:javascript
复制
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]
代码语言:javascript
复制
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.20.1/moment-with-locales.min.js"></script>

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2017-12-28 22:26:36

代码语言:javascript
复制
 Array(7)

创建一个没有设置元素的稀疏数组。因此,作为一个对象,它看起来如下:

代码语言:javascript
复制
 {length: 7}

如果要调用任何新的酷数组方法,它不会迭代,因为数组中没有元素。但是,如果将其扩展到Array构造函数中:

代码语言:javascript
复制
  Array(...Array(3))

它等于

代码语言:javascript
复制
 Array(undefined, undefined, undefined)

这实际上创建了3个(或7个)未定义的数组插槽:

代码语言:javascript
复制
 {
 0:undefined,
 1:undefined,
 2:undefined,
 length:3
 }

现在,您可以使用map等对其进行迭代。

代码语言:javascript
复制
 Array(7).fill().map(func)

代码语言:javascript
复制
 Array.from({length:7}, func);
票数 3
EN

Stack Overflow用户

发布于 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,但它没有将任何元素填充到数组中。所以还没有什么可迭代的。

票数 3
EN

Stack Overflow用户

发布于 2017-12-28 22:12:35

这两种方法是等价的,因为Function.prototype.applyFunction api的一部分。

看起来你可能需要这样的东西:

代码语言:javascript
复制
Array
  .from({ length: 7 }, (_, i) => moment(i, 'e').format('ddd'))
;
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/48014973

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档