在 JavaScript 编程语言中，数组是一种十分常用的数据类型。在处理数组的过程中，我们经常需要对其元素进行依次遍历，并根据一些条件对其进行过滤、转换以及计算等操作。此时，array.prototype.every 函数就可以派上用场了。本文将详细介绍如何使用该函数进行数组元素的循环遍历，并给出实用的示例代码。
什么是 array.prototype.every 函数
array.prototype.every 函数是 JavaScript 中的一个高阶函数，它用于对数组的每个元素依次执行一个判断函数，并返回一个布尔值。具体而言，当判断函数对数组中的每个元素返回值均为 true 时，该函数最终返回 true；否则，它将会返回 false。
array.prototype.every 有以下两个参数：
callback：用于对数组元素进行判断的函数，其参数包括当前元素的值、当前元素的索引以及原始数组本身。该函数的返回值必须为布尔值。thisArg（可选）：可用于设置callback函数内部的this指向。
下面是该函数的语法：
array.every(callback[, thisArg]);
如何使用 array.prototype.every 函数
使用 array.prototype.every 函数主要涉及两个方面：编写合适的 callback 函数和正确调用该函数。下面我们将分两节介绍这两个方面。
编写合适的 callback 函数
编写合适的 callback 函数是 array.prototype.every 函数的关键。在这个函数中，我们需要对数组中的每个元素进行判断，并返回一个布尔值。具体而言，当元素满足某种条件时，我们应该返回 true；否则，返回 false。下面是一个简单的例子：
const arr = [1, 2, 3, 4, 5]; const result = arr.every((elem) => elem > 0); console.log(result); // 输出 true
在上面的例子中，我们定义了一个数组 arr 和一个判断函数 (elem) => elem > 0，它用于判断当前元素是否大于 0。然后，我们调用了 arr.every 函数，并将该函数的返回值赋给变量 result。最后，我们将 result 的值输出到控制台上，结果为 true。
下面再看一个稍微复杂一些的例子：
-- -------------------- ---- ------- ----- ------ - - - ----- ------- ---- -- -- - ----- ------- ---- -- -- - ----- ------- ---- -- - -- ----- ------ - --------------------- -- ---------- -- -- -- ----------- --- ---- -------------------- -- -- ----
在上面的例子中，我们定义了一个包含对象元素的数组 people 和一个判断函数 (person) => person.age >= 18 && person.name !== ''，它用于判断当前元素是否满足以下两个条件：
- 对象的
age属性必须大于等于 18。 - 对象的
name属性不能为空字符串。
同时，我们还可以在 callback 函数中访问原始数组本身，例如：
const arr = [1, 2, 3, 4, 5]; const result = arr.every((elem, index, array) => elem > 0 && array.length === 5); console.log(result); // 输出 true
在上面的例子中，我们将数组的长度固定为 5，并在判断函数中判断当前元素是否大于 0，以及原始数组本身的长度是否等于 5。
正确调用 array.prototype.every 函数
当编写完合适的 callback 函数后，我们就可以调用 array.prototype.every 函数，对数组中的每个元素进行依次遍历了。调用时，我们需要将该函数作为数组的一个方法来调用，并传入之前编写的 callback 函数。此外，我们还可以用第二个参数 thisArg 来设置 callback 函数内部的 this 指向。下面是一个简单的例子：
const arr = ['a', 'b', 'c'];
const result = arr.every(function(elem) {
return elem.length === 1;
}, this);
console.log(result); // 输出 true在上面的例子中，我们定义了一个字符串数组 arr 和一个判断函数，该函数用于判断当前元素的长度是否为 1。在调用 arr.every 函数时，我们将其作为数组的一个方法来调用，并传入之前编写的 callback 函数以及 this 指向。最后，我们将该函数的返回值赋给变量 result，并输出 result 的值，结果为 true。
实用示例代码
下面是一些实用的示例代码，它们使用 array.prototype.every 函数来对数组元素进行过滤、转换以及计算等操作。
检查数组中是否所有元素都满足某个条件
const arr = [1, 2, 3, 4, 5]; const isPositive = arr.every((elem) => elem > 0); console.log(isPositive); // 输出 true
检查数组中所有元素的类型是否一致
const arr = [1, 'a', {}, [1, 2, 3]];
const isSameType = arr.every((elem) => typeof elem === typeof arr[0]);
console.log(isSameType); // 输出 false检查数组中所有元素是否都是整数
const arr = [1, 2, 3, 4, 5]; const isInteger = arr.every((elem) => Number.isInteger(elem)); console.log(isInteger); // 输出 true
判断数组中所有元素的值是否相等
const arr = [1, 1, 1, 1, 1]; const isEqual = arr.every((elem) => elem === arr[0]); console.log(isEqual); // 输出 true
判断数组中元素的总和是否小于等于某个值
const arr = [1, 2, 3, 4, 5]; const sum = arr.reduce((acc, cur) => acc + cur, 0); const isLessThanOrEqualTo = arr.every((elem) => sum <= 20); console.log(isLessThanOrEqualTo); // 输出 true
总结
本文主要介绍了 array.prototype.every 函数的使用方法，包括编写合适的 callback 函数以及调用该函数的正确方式。同时，我们还给出了一些实用的示例代码，它们可以帮助读者更好地理解和应用该函数。最后，我们提醒读者需要仔细阅读相关文档，以确保正确、高效地使用该函数。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/77918