JS数组 every详解|极客笔记

JS数组 every详解

在JavaScript中，数组是一种常用的数据结构，而every方法是数组原型的一个方法之一。它用于测试数组的所有元素是否都通过了指定函数的测试。

`every`方法的语法

every方法的语法如下：

array.every(function(currentValue, index, arr), thisValue)

function(currentValue, index, arr): 必需。用于测试每个元素的函数。currentValue是数组中当前被处理的元素，index是当前元素的索引，arr是数组本身。
thisValue（可选）: 用于执行回调函数时指定的对象。如果省略了 thisValue，则会被认为是全局对象。

`every`方法的作用

every方法用于检测数组中的所有元素是否满足指定函数的条件。如果每个元素都满足条件，则返回true；如果有任何一个元素不满足条件，则返回false。

示例

下面是一个使用every方法的示例，我们要检查一个数组是否所有元素都大于10：

let numbers = [12, 15, 8, 18, 20];

let allGreaterThan10 = numbers.every(function(number){
    return number > 10;
});

console.log(allGreaterThan10); // false

在上面的示例中，虽然数组numbers中有一些元素大于10，但是由于存在8这个元素不大于10，所以every方法返回了false。

注意事项

如果数组为空，则every方法始终返回true。
every方法不修改原始数组。
every方法只会对非空数组的元素进行测试。

使用箭头函数

在现代JavaScript中，可以使用箭头函数来简化every方法的写法。以下是上面示例的箭头函数版本：

let numbers = [12, 15, 8, 18, 20];

let allGreaterThan10 = numbers.every(number => number > 10);

console.log(allGreaterThan10); // false

实际应用

every方法通常用于检查数组中的所有元素是否满足特定条件。例如，在验证用户输入时，我们可以使用every方法来检查所有输入是否符合要求：

let userInput = ['John', 'Doe', 'john.doe@example.com'];

let isValidInput = userInput.every(input => input !== '');

console.log(isValidInput); // true

在上面的示例中，我们使用every方法检查用户输入是否都不为空字符串，如果有任何一个为空，则isValidInput为false。