В чем кардинальная разница между циклами for и foreach?

for — цикл с счётчиком, позволяющий итерировать по числовому диапазону или индексам массива. foreach (или for...of в JavaScript) предназначен для итерации по элементам итерируемых объектов (массивы, строки, Map, Set) напрямую, без необходимости работы с индексами. Главное отличие — в способе доступа к элементам: for оперирует индексами, foreach — значениями.

For:

javascript

Foreach (for...of):

javascript