React Frontend Developer

Question 1

В чем различия forEach и map?

Accepted Answer

forEach просто перебирает массив и выполняет функцию для каждого элемента, не возвращая новый массив. map тоже перебирает массив, но создает и возвращает новый массив с результатами вызова функции для каждого элемента.

Question 2

Как создать новый массив на основе другого массива с помощью forEach?

Accepted Answer

Метод forEach() перебирает массив и выполняет функцию для каждого элемента, но не возвращает новый массив. Чтобы сформировать новый массив, его нужно создать заранее и вручную добавлять элементы. Это делает код более многословным, чем при использовании map(). Поэтому forEach() обычно применяют для побочных действий, а не преобразования массива.

Question 3

Почему forEach не работает с async/await?

Accepted Answer

Метод forEach не предназначен для работы с асинхронными функциями, потому что он не ожидает разрешения промисов, возвращаемых колбэком. Он просто запускает каждую асинхронную операцию и сразу переходит к следующей, не дожидаясь её завершения. В результате операции выполняются параллельно (или в случайном порядке), а не последовательно, и нельзя корректно обработать результаты или ошибки. Для последовательного выполнения асинхронных операций следует использовать обычный цикл for...of с await.

Вопросы React Frontend Developer