ECMAScript 2019(ES10)的 Array 的 Array.some() 和 Array.every() 方法的用法详解

阅读时长 4 分钟读完

在 ECMAScript 2019(ES10)中,Array 的 Array.some() 和 Array.every() 方法得到了更新和改进。这两个方法是用于对数组进行迭代和检查元素的方法,它们可以帮助我们更高效地处理数组数据。

Array.some() 方法

Array.some() 方法用于检查数组中是否至少有一个元素满足指定的条件。它接受一个回调函数作为参数,这个回调函数会接受三个参数:当前元素、当前索引和数组本身。如果回调函数返回 true,则 Array.some() 方法返回 true,否则返回 false。

下面是 Array.some() 方法的语法:

其中,callback 是回调函数,element 是当前元素,index 是当前索引,array 是数组本身,thisArg 是回调函数中 this 的值(可选)。

下面是一个例子,我们使用 Array.some() 方法来检查一个数组中是否至少有一个元素大于 10:

在这个例子中,我们定义了一个数组 array,然后使用 Array.some() 方法来检查数组中是否至少有一个元素大于 10。因为数组中有元素 12 大于 10,所以 Array.some() 方法返回 true。

Array.every() 方法

Array.every() 方法用于检查数组中是否所有元素都满足指定的条件。它接受一个回调函数作为参数,这个回调函数会接受三个参数:当前元素、当前索引和数组本身。如果回调函数对于所有元素都返回 true,则 Array.every() 方法返回 true,否则返回 false。

下面是 Array.every() 方法的语法:

其中,callback 是回调函数,element 是当前元素,index 是当前索引,array 是数组本身,thisArg 是回调函数中 this 的值(可选)。

下面是一个例子,我们使用 Array.every() 方法来检查一个数组中是否所有元素都大于 5:

在这个例子中,我们定义了一个数组 array,然后使用 Array.every() 方法来检查数组中是否所有元素都大于 5。因为数组中所有元素都大于 5,所以 Array.every() 方法返回 true。

总结

Array.some() 和 Array.every() 方法是用于对数组进行迭代和检查元素的方法,它们可以帮助我们更高效地处理数组数据。在 ECMAScript 2019(ES10)中,这两个方法得到了更新和改进,可以更加灵活地使用。

在使用这两个方法时,我们需要注意回调函数的返回值。如果回调函数返回 true,则 Array.some() 方法返回 true,如果回调函数对于所有元素都返回 true,则 Array.every() 方法返回 true。否则,这两个方法都会返回 false。

下面是一个例子,我们使用 Array.some() 和 Array.every() 方法来检查一个数组中是否至少有一个元素大于 10 并且所有元素都大于 5:

-- -------------------- ---- -------
----- ----- - --- -- --- -- ---

----- ------- - -------------------- -- -
  ------ ------- - ---
---

----- ------- - --------------------- -- -
  ------ ------- - --
---

--------------------- -- ----
--------------------- -- ----

在这个例子中,我们定义了一个数组 array,然后使用 Array.some() 方法来检查数组中是否至少有一个元素大于 10,并使用 Array.every() 方法来检查数组中是否所有元素都大于 5。因为数组中有元素 12 大于 10,所以 Array.some() 方法返回 true;同时,数组中所有元素都大于 5,所以 Array.every() 方法返回 true。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/65d075efadd4f0e0ff96f6fe

纠错
反馈