Что производительнее: .each или ... (перебор всех элементов)?

Question

[maksam07]

Есть таймер, а точнее много таймеров на одной странице, перебираю сейчас все элементы таймера таким кодом:

var sE = $(".tCount");
for ( var i = 0; i < sE.length; i++) { ... }

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

Comments

[Stepanya]

нескромный вопрос: зачем Вам столько таймеров?

Answer 1

[tema_sun]

Вообще, нативный for будет быстрее. А если length закешировать, то еще побыстрее станет.

Comments

[tema_sun]

Наверное стоит добавить, что я этим вопросом интересовался несколько лет назад. И вполне возможно, в 3 jquery все здорово заоптимизировали.

Answer 2

[Иван]

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

PS В новых версиях ES вроде новые итераторы есть.

Answer 3

[maksam07]

Вот забавно выходит, один советует нативный код, а второй - each :D
Мне в плане написания надходит любой. я и там и так могу реализовать все что мне нужно.

Answer 4

[rPman]

в идеальном мире, использование .forEach() позволит в будущем распараллеливать в несколько потоков эти вызовы с меньшим набором проблем чем попытка делать то же самое с циклом for(), особенно если этот цикл на основе i=0;i<.length;i++ (от этих циклов бегите как от огня, просто не привыкайте)

но наш мир не идеален, к тому же, если я не ошибаюсь, .forEach не позволяет делать красивый continue и тем более break... вам придется в коде forEach делать лишние блоки if

Comments

[maksam07]

неужели for так плох? Пока я на локалке тестирую 250+ таймеров и вроде как все отлично перебирается