一、例题
首先我们先来看这么一系列关于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的稀疏数组。
以上。