JavaScript 数组方法深入解析：every() 方法的用法与示例

Bertha 。 2024-02-29 07:14 20阅读 0赞

JavaScript 中的 `Array.prototype.every()` 方法是一个用于数组的迭代方法，它用于检查数组中的所有元素是否满足指定的条件。这个方法会在数组中的每个元素上执行一个回调函数，如果对于每个元素，回调函数都返回 `true`，则 `every()` 方法返回 `true`。如果任何元素使回调函数返回 `false`，则 `every()` 方法返回 `false`。

以下是 `every()` 方法的详细解释和示例：

#### 语法 ####

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

*  `callback`：要为数组的每个元素执行的函数。
 *  `element`：数组中当前被处理的元素。
 *  `index`（可选）：当前处理元素的索引。
 *  `array`（可选）：调用 `every()` 方法的数组。
 *  `thisArg`（可选）：执行回调函数时使用的 `this` 值。

#### 返回值 ####

`every()` 方法返回一个布尔值。如果所有元素都满足条件，返回 `true`；如果有任何一个元素不满足条件，返回 `false`。

#### 示例 ####

假设我们有一个数组，包含一些数字，我们想检查是否所有数字都大于 5：

const numbers = [6, 8, 10, 12];
    
    const result = numbers.every(function(number) {
        
      return number > 5;
    });
    
    console.log(result); // 输出 true，因为所有数字都大于 5

在上面的示例中，`every()` 方法遍历了数组中的每个元素，并使用回调函数检查是否每个元素都大于 5。由于所有元素都满足条件，所以返回值为 `true`。

#### 使用箭头函数 ####

你也可以使用箭头函数来更简洁地编写 `every()` 方法的回调函数：

const numbers = [6, 8, 10, 12];
    
    const result = numbers.every(number => number > 5);
    
    console.log(result); // 输出 true，因为所有数字都大于 5

这个示例与前面的示例相同，只是使用了箭头函数来定义回调函数。

#### 使用 `thisArg` ####

如果你想在回调函数中使用自定义的 `this` 值，你可以在调用 `every()` 方法时传递 `thisArg` 参数。例如：

const person = {
        
      minAge: 18,
      checkAge(age) {
        
        return age >= this.minAge;
      }
    };
    
    const ages = [21, 25, 17, 30];
    
    const result = ages.every(person.checkAge, person);
    
    console.log(result); // 输出 false，因为有一个年龄小于 18

在这个示例中，我们定义了一个 `person` 对象，包含一个 `checkAge` 方法，该方法用于检查年龄是否大于或等于 `minAge`。在调用 `every()` 方法时，我们通过传递 `person` 对象作为 `thisArg`，确保在回调函数中可以访问到 `person` 对象。

#### 总结 ####

`Array.prototype.every()` 方法是 JavaScript 中用于检查数组中所有元素是否满足条件的强大工具。通过传递一个回调函数，你可以自定义条件，并使用它来进行数组的有效筛选。这对于验证数组中的所有元素是否符合一定的标准或条件非常有用。