ES10 中新增的方法：Array.prototype.every 和 Array.prototype.some 详解
前言
JavaScript 是一门非常灵活和强大的编程语言，特别是在前端领域。ES10 是 JavaScript 中的最新版本，其中有一些新增的方法在代码编写和维护中非常实用。我们在这里深入研究 ES10 中新增的 Array.prototype.every 和 Array.prototype.some 方法，了解它们的使用和优点。
Array.prototype.every()
ES5 版本中，Array.prototype.every 方法的参数是一个回调函数，该函数在数组的每个元素上被调用，并返回一个布尔值，表示回调函数是否对每个元素都返回 true。 ES10 中的同名函数也是一个类似的方法，只不过它更新了一些细节。
语法
arr.every(callback(element[, index[, array]])[, thisArg])
参数
callback: 对于数组中的每个元素调用的函数。
element: 数组元素的值。
index (选项参数): 数组元素的数值下标。
array (选项参数): 调用 every() 的数组本身。
thisArg (选项参数): 使用 callback 函数中 this 的值。
返回值
返回值是一个 Boolean 值。如果 callback 函数对于每个元素都返回 true，则 every() 方法返回 true。否则，返回 false。
示例代码
下面的示例代码将使用 every() 方法检查数组 arr 中的每个元素是否为 0。
const arr = [0, 0, 0, 0, 0]; const allZeros = arr.every((el) => el === 0); console.log(allZeros); // Output: true
在此示例中，every() 方法将返回 true。
Array.prototype.some()
ES5 版本中，Array.prototype.some 方法的参数是一个回调函数，该函数在数组的每个元素上被调用，并返回一个布尔值，表示回调函数是否对至少一个元素返回 true。 ES10 中的同名函数也是一个类似的方法，只不过它更新了一些细节。
语法
arr.some(callback(element[, index[, array]])[, thisArg])
参数
callback: 对于数组中的每个元素调用的函数。
element: 数组元素的值。
index (选项参数): 数组元素的数值下标。
array (选项参数): 调用 some() 的数组本身。
thisArg (选项参数): 使用 callback 函数中 this 的值。
返回值
返回值是一个 Boolean 值。如果 callback 函数对于至少一个元素返回 true，则 some() 方法返回 true。否则，返回 false。
示例代码
下面的示例代码将使用 some() 方法检查数组 arr 中的是否包含 0 元素。
const arr = [0, 1, 2, 3, 4]; const hasZeros = arr.some((el) => el === 0); console.log(hasZeros); // Output: true
在此示例中，some() 方法将返回 true。
常见应用场景
every() 方法和 some() 方法非常有用，因为它们允许我们在数组中轻松查找符合特定条件的元素。下面是一些示例应用场景。
检查数组中是否存在某个特定值
const arr = [1, 3, 5, 7];
const hasFive = arr.some((el) => el === 5);
if (hasFive) {
console.log("数组中有5");
} else {
console.log("没有5");
}检查数组中的所有元素是否都满足某个条件
const arr = [10, 20, 30, 40];
const allBelowFifty = arr.every((el) => el < 50);
if (allBelowFifty) {
console.log("所有元素都小于50");
} else {
console.log("有元素大于等于50");
}检查数组中的所有元素是否都是数字
const arr = ["123", 456, "789"];
const allNumbers = arr.every((el) => isNaN(Number(el)) === false);
if (allNumbers) {
console.log("所有元素都是数字");
} else {
console.log("不是所有元素都是数字");
}结论
在本文中，我们深入研究了 ES10 中新增的 Array.prototype.every 和 Array.prototype.some 方法的用法和优点。使用这些方法，可以在数组中轻松查找符合特定条件的元素，从而简化了代码编写和维护。我们在实际应用中可以根据实际需求灵活使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6716f963ad1e889fe21ee04c