通过一道题再了解一点Array原型上的every方法

一、例题

 首先我们先来看这么一系列关于every使用的题：

console.log(1, [].every(() => false))
console.log(2, [,,].every(() => false))
console.log(3, [undefined].every(() => false))
console.log(4, [false].every(() => false))
console.log(5, [''].every(() => false))
console.log(6, [true].every(() => false))

 这么一道题他考察是对于every方法定义的认知，every方法一般用于校验数组中的每一个元素是否符合一个校验标准，从而决定进行何种后续操作，那么一般而言执行every方法的数组不会为空或者类似上述的情况。

 因此一般而言看到这道题会有些发懵，仔细一看callbackFn中都直接返回了false，也许你就想当然的认为这六行代码都将输出false，那这就是你没有认真阅读every方法文档所犯的错啦。

 上述截图便是上述代码执行的结果，我们发现不对呀，第一个数组与第二个数组怎么返回的是true呢？这个问题非常的简单，让我们进入MDN查看every的文档介绍吧。

二、文档介绍

 在文档描述中，其实我们便能够得到问题的答案了。先后先看第二条描述：意思是空数组如果执行every方法将返回结果true，至于callbackFn想必就是不会执行的，这也是为什么第一个式子的结果为true的原因。

 接着看第三条描述，every方法不会为稀疏数组的空槽调用，意思就是说不会为empty执行callbackFn方法，这也就是第二个式子的结果为何为true的原因。

 至于后续的式子，则是因为他们并非empty元素，因此他们都将执行callbackFn，而执行的结果就必然是返回false。

三、稀疏数组

 最后再简单聊聊稀疏数组，JavaScript中的稀疏数组可以通过两种方式进行创建，第一种是使用字面量形式[,,,,]，需要注意的是创建的empty个数或者说数组的长度并非逗号数+1，而是逗号数，这是因为在JavaScript中尾逗号会被忽略，因此上述例子得到的数组结构如下：

// 实际上等同于 [empty, empty, empty, empty, ]
// 忽略尾逗号 -> [empty, empty, empty, empty]
// 结果: 
[empty × 4]

 另一个方法则是使用Array的构造函数进行创建，我们都知道Array构造函数传入多个值是根据这些值创建一个一维数组，但当Array构造函数只传入一个值并且这个值是Number类型时（重点！！），将创建一个长度为该数值的稀疏数组，如Array(8)将创建一个长度为8的稀疏数组。

 以上。