Реалізуйте асинхронний метод filter для Array (повинні працювати await).

Повне пояснення

Що це і навіщо

Асинхронний filter дозволяє виконувати асинхронні перевірки (наприклад, запити до API) для кожного елемента масиву і збирати лише ті, що відповідають умові.

Принцип роботи / алгоритм

1. Для кожного елемента викликаємо async callback, що повертає true/false або Promise.
2. Збираємо всі проміси в масив і чекаємо їх завершення через Promise.all.
3. Після отримання результатів фільтруємо оригінальний масив за відповідними значеннями.

Реалізація (JS / TS)

async function asyncFilter(arr, fn) {
  const results = await Promise.all(arr.map((v,i)=>fn(v,i)));
  return arr.filter((_v,i)=>results[i]);
}

Тестування

import { test, expect } from 'vitest';

test('asyncFilter', async () => {
  const res = await asyncFilter([1,2,3], async n=>n%2===0);
  expect(res).toEqual([2]);
});

Проблеми та edge cases

1. Порядок елементів – Promise.all зберігає порядок, тому фільтрація працює коректно.
2. Помилки у callback – обгорнути в try/catch або використовувати .catch(()=>false).
3. Великий масив – може перевантажити стек; розбивайте на батчі.
4. Синхронний callback – працює, бо Promise.all приймає значення.
5. Паралельні запити – якщо API обмежує кількість одночасних, використайте throttling.

Оптимізація та продуктивність

• Використовуйте for-await-of з генератором, щоб обробляти елементи по черзі.
• Для великих масивів застосуйте p-limit або власний батчинг.

Без JS / архітектурні альтернативи

• Якщо перевірка може бути синхронною, використайте звичайний Array.prototype.filter.
• Для простих умов можна застосувати CSS селектори (:nth-child) або серверну фільтрацію.

Cheatsheet + follow-up

• Корисно знати: Array.prototype.flatMap можна комбінувати з asyncFilter для одновременої трансформації.
• Потенційне інтерв’ю: Як обробити помилки у asyncFilter? Чому Promise.all зберігає порядок елементів?