Какой цикл в JS самый быстрый

Из серии занятного. Наткнулся на занятную статью, где описывается какой цикл в JS самый быстрый. Если коротко, то обычный for.

Было уже много бенчмарков на тему того такой цикл быстрее чего-то вроде forEach или for..in и for..of , так что это мы возьмем за данное. А вот что действительно интересно, так это то, что стандартный вариант записи цикла for не является самым эффективным:

for (let i = 0; i < arr.length; i++) {
  // какой-то код
}

А всё почему? Потому что мы постоянно обращаемся к arr.length, что по своей сути — геттер, а геттеры всегда работают медленнее обычного обращения к переменной. Тогда можно прибегнуть к хаку, когда длина массива вычисляется заранее и присваивается к переменной лишь единожды:

const arrLength = arr.length;

for (let i = 0; i < arrLength ; i++) {
    // какой-то код
}

Но вот что автор не упоминает, так это то, что можно избежать такой записи и использовать просто обратный цикл:

for (let i = arr.length - 1; i >= 0 ; i--) {
    // какой-то код
}

Таким образом мы обратимся к длине массива только единожды и максимально выиграем время.

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

Спасибо за прочтение, это важно для меня ❤️

#theory #javascript