在 Array.some 中正确使用 async

最新推荐文章于 2021-06-03 17:47:24 发布

翻译最新推荐文章于 2021-06-03 17:47:24 发布 · 568 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://advancedweb.hu/how-to-use-async-functions-with-array-some-and-every-in-javascript/

文章标签：

#javascript

JavaScript 专栏收录该内容

20 篇文章

订阅专栏

本文探讨了在JavaScript中如何使用异步some和every函数处理集合。通过介绍这些函数的基本用法，文章深入讲解了如何编写异步版本的some和every函数，包括短路实现和并行处理，以提高效率。

使用 Promise 检查集合

本文译自：How to use async functions with Array.some and every in Javascript -

在第一篇文章中，我们介绍了async / await 如何帮助执行异步命令，但是在异步处理集合时却无济于事。在这篇文章中，当结果为布尔值时，我们将研究 some 和 every 函数用于更有效的 reduce

1. some 和 every 函数

这些函数与filter一样，获得递归函数，但是它们根据断言函数是否返回特定值而返回单个 true / false。对于some，如果任何断言函数返回 true，则结果为true。对于该every函数，如果返回任何false，则结果将为false。

const arr = [1, 2, 3];

const someRes = arr.some((i) => {
	return i % 2 === 0;
});

console.log(someRes);
// true

const everyRes = arr.every((i) => {
	return i < 2;
});

console.log(everyRes);
// false

2. 异步 some/every

2.1 使用异步 filter

仅考虑结果，可以使用 async 来模拟这些函数filter，在上一篇文章中已经介绍了如何将其转换为async。

// sync
const some = (arr, predicate) => arr.filter(predicate).length > 0;
const every = (arr, predicate) => arr.filter(predicate).length === arr.length;

// async
const asyncSome =
	async (arr, predicate) => (await asyncFilter(arr, predicate)).length > 0;
const asyncEvery =
	async (arr, predicate) => (await asyncFilter(arr, predicate)).length === arr.length;

短路（Short-circuiting）

但是，内置的some/ every函数和filter的实现之间存在重要的区别。当有一个元素为时返回true时，some将短路并且不处理其余元素：

const arr = [1, 2, 3];

const res = arr.some((i) => {
	console.log(`Checking ${i}`);
	return i % 2 === 0;
});

// Checking 1
// Checking 2

console.log(res);
// true

同样，every在第一个错误结果之后停止：

const arr = [1, 2, 3];

const res = arr.every((i) => {
	console.log(`Checking ${i}`);
	return i < 2;
});

// Checking 1
// Checking 2

console.log(res);
// false

让我们看看如何编写一个异步版本，该版本以类似的方式工作并且工作量最少！

2.2 异步 some

最好的解决方案是使用异步进行迭代，并在找到结果为 true 后立即返回：

const arr = [1, 2, 3];

const asyncSome = async (arr, predicate) => {
	for (let e of arr) {
		if (await predicate(e)) return true;
	}
	return false;
};
const res = await asyncSome(arr, async (i) => {
	console.log(`Checking ${i}`);
	await sleep(10);
	return i % 2 === 0;
});

// Checking 1
// Checking 2

console.log(res);
// true

对于第一个元素predicate(e)返回结果为 true，它结束了for循环。

2.3 异步 every

类似的结构适用于every，这只是对条件求反的问题：

const arr = [1, 2, 3];

const asyncEvery = async (arr, predicate) => {
	for (let e of arr) {
		if (!await predicate(e)) return false;
	}
	return true;
};
const res = await asyncEvery(arr, async (i) => {
	console.log(`Checking ${i}`);
	await sleep(10);
	return i < 2;
});

// Checking 1
// Checking 2

console.log(res);
// false