Как пройтись по всем элементам массива в JavaScript

Что проверяют

Знаете ли вы больше одного способа и понимаете ли различия, которые действительно кусаются: можно ли прервать обход, что возвращается, как метод ведёт себя с дырами и с асинхронным колбэком.

Как отвечать

• Классический for по индексу и for...of поддерживают break, continue и await в теле. for...of работает с любым итерируемым: Set, Map, NodeList, строкой. Индекс достаётся через array.entries().
• forEach прервать нельзя: break в нём синтаксическая ошибка, return выходит только из колбэка. Возвращает undefined, поэтому в цепочку не встраивается.
• map для преобразования, filter для отбора, reduce для свёртки, find, some и every останавливаются сами, как только результат определён. Вызывать map ради побочного эффекта и выбрасывать результат неправильно, для этого есть forEach.
• Дыры разреженного массива forEach, map и filter пропускают, for и for...of отдают undefined. При этом map сохраняет дыры в результирующем массиве.
• for...in для массивов не подходит: он обходит перечислимые строковые ключи, включая унаследованные и дописанные свойства, и отдаёт индексы строками.
• Асинхронность: await внутри forEach не ждётся, колбэк просто вернёт промис. Последовательно, это for...of с await, параллельно, Promise.all(array.map(fn)).

for (const [i, item] of items.entries()) {
  if (!item.ok) break;
  await send(i, item);
}

Где спотыкаются

Ставят await внутри forEach и удивляются, что код идёт дальше, не дождавшись запросов.

Пытаются выйти из forEach через return или break, а потом изобретают обход через some, хотя достаточно for...of.

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

Спорят о производительности на пустом месте. Разница видна только на очень больших массивах в горячем коде, выбирать нужно по нужной семантике и читаемости.