JavaScript中的every方法详解|极客笔记

JavaScript中的every方法详解

在JavaScript中，every方法是数组对象自带的一个方法，用于检查数组中的所有元素是否满足指定的条件。这个方法会遍历数组中的每一个元素，对每个元素应用指定的函数，如果对于所有元素都满足条件则返回true，否则返回false。

语法

every方法的语法如下：

arr.every(callback(element[, index[, array]])[, thisArg])

callback是一个函数，用来测试每个元素是否满足条件。该函数接受以下参数：
- element：当前被处理的元素。
- index：当前被处理元素的索引（可选）。
- array：调用every方法的数组本身（可选）。
thisArg：可选参数，指定callback函数中的this值。

返回值

every方法会返回一个布尔值，如果数组中所有元素都满足条件，则返回true；否则返回false。如果数组为空，则返回true。

示例

让我们通过一些示例代码来更好地理解every方法的使用。

示例1：检查数组中的所有元素是否为偶数

const arr1 = [2, 4, 6, 8, 10];
const isEven = arr1.every(num => num % 2 === 0);

console.log(isEven); // true

在上面的示例中，我们定义了一个数组arr1，然后使用every方法来判断数组中的所有元素是否为偶数。由于数组中所有元素都是偶数，所以最终输出为true。

示例2：检查数组中的所有元素是否大于10

const arr2 = [15, 20, 25, 30];
const isGreaterThan10 = arr2.every(num => num > 10);

console.log(isGreaterThan10); // true

在这个示例中，我们定义了一个数组arr2，然后使用every方法来判断数组中的所有元素是否大于10。由于数组中所有元素都大于10，所以最终输出为true。

示例3：使用`thisArg`参数

const obj = {
  divisor: 2,
  isDivisibleBy(dividend) {
    return dividend % this.divisor === 0;
  }
};

const arr3 = [6, 12, 18, 24];
const isDivisible = arr3.every(obj.isDivisibleBy, obj);

console.log(isDivisible); // true

在这个示例中，我们定义了一个对象obj，其中有一个方法isDivisibleBy用来判断一个数是否能被divisor整除。然后我们创建了一个数组arr3，使用every方法来判断数组中的所有元素是否能被divisor整除。通过传递obj作为thisArg参数，我们确保isDivisibleBy方法中的this指向了obj对象。

示例4：空数组情况

const arr4 = [];
const isEmpty = arr4.every(item => item > 5);

console.log(isEmpty); // true

在这个示例中，我们定义了一个空数组arr4，然后使用every方法来判断数组中的所有元素是否大于5。由于数组为空，所以最终输出为true。

注意事项

every方法并不会改变原数组。
如果数组中包含有一个或多个NaN元素，every方法将无法准确判断条件是否成立。
空数组总是返回true。

通过以上示例和讨论，我们对JavaScript中的every方法有了更深刻的理解。every方法可以方便我们对数组中的元素进行逻辑判断，是一个非常实用的数组方法。在实际开发中，我们可以充分利用该方法来简化代码、提高效率。

JavaScript中的every方法详解