es6:将数组分块过滤以不冻结ui

Array.prototype.filter 无法使用 async 谓词,因为谓词必须返回布尔值,但是 异步 谓词将返回一个promise。

你可以使用 Array.prototype.reduce 链接异步调用并自己构造筛选结果。

async function filterAsync(array, predicate) {
    const res = [];

    await array.reduce(async (promise, n) => {
        await promise;
        if (await predicate(n)) {
            res.push(n);
        }
    }, Promise.resolve());

    return res;
}


filterAsync([1, 2, 3, 4, 5], async x => {
    // wait 1 sec after each element to filter
    await new Promise(resolve => setTimeout(resolve, 1000));
    return x % 2 === 0;
}).then(console.log);

您可以以异步方式填充带有过滤元素的空数组,警告是顺序可能与原始数组不相同:

var ret = []
var promiseArray = [1,2,3,4,5].map( async x => {
    await new Promise(resolve => {setTimeout(resolve, 1000)})
    if (x % 2 === 0) {
        ret.push(x)
    }
})
Promise.all(promiseArray).then(()=> {console.log(ret)})