non blocking iterator

export function iterateAsync(iterable, fn, batch = 10) {
    const iterator = iterable[Symbol.iterator]();

    function iterate() {
        const current = take(iterator, batch)
        fn(current.result)

        current.done
        ? () => {}
        : window.requestAnimationFrame(iterate)
    }
    iterate()
}

function take(iterator, n) {
    let result = []
    let i = 0
    let current = undefined;

    while(i < n) {
        current = iterator.next()
        if(current.done) break
        else(result.push(current.value), i++)
    }

    return {
        result,
        done: current.done
    }
}