Какие еще есть варианты использования цикла for?

Question

[тостер хабрович]

Заметил что я за долгие годы практики ни разу не использовал цикл for иначе чем так:

var m = [...]
for (var x=0; x< m.length; x++)
{...}

— это универсальный способ обойти массив

Есть еще какие-нибудь распространённые варианты использования for, которые часто используются?

Comments

[Сергей delphinpro]

какие тут еще могут быть варианты?
Добавить энное количество элементов

for (i = 0; i < gridColumns; i++) {
  row.appendChild(elem(cssPrefix + '__col'));
}

Вывести энное количество строк

for (i = 0; i < 100; i++) {
  console.log(i)
}

Счетчик - он и в Африке счетчик

Answer 1

[Neyury]

У массива есть перебирающие методы, к примеру обойти массив и выполнить свой код над каждым элементом можно с помощью метода foreach

Comments

[тостер хабрович]

вроде бы это не работает для псевдо-массивов элементов
которые например из результата работы querySelectorAll()

[alvvi]

тостер хабрович: для NodeList .forEach() работает в современных браузерах, для HTMLCollection - нет и вроде как не планируется. (Правда, никто не мешает преобразовать любую из этих коллекций до массива, особенно с приходом таких методов как Arrray.from())

[gleendo]

тостер хабрович: Используйте метод взятый из прототипа массивов.

Array.prototype.forEach.call(<массив или псевдомассив>, item => {
  
})

Answer 2

[Игорь]

for(var x = m.length; x >= 0; x -= 1)
{}

самый быстрой имхо.

Comments

[kurtov]

Казалось бы да, но после просмотра следующего видео я немного пересмотрел свой взгляд на "быстрые" конструкции.
https://youtu.be/BstzvS2xd5U?list=PLH-XmS0lSi_yLq2...
"кешировать длину массива не обязательно, чаще всего оптимизатор это сделает за вас"

[Игорь]

kurtov: Спасибо, узнал про console.time. Тесты в хроме и node различаются. Раньше думал, что понижение числа происходит быстрее, но тесты показывают наоборот. Надо на DOM проверить еще.

Answer 3

[V Sh.]

Еще знаю:

for (;;) {
  // бесконечный цикл
}

for (var key in menu) {
  // перебор ключей внутри объекта. Причем используются только те свойства и методы, у которых указано enumerable: true
}

Comments

[Сергей delphinpro]

for..in это уже немного другое.

Answer 4

[gleendo]

for (let i = 0; i < arr.length; i += 1) {
  // some code
}

for (let i = 0, length = arr.length; i < length; i += 1) {
  // some code
}

for (let i = arr.length; i > 0; i -= 1) {
  // some code
}

let i = 0;

while (i < arr.length) {
  // some code

  i++;
}

Array.prototype.forEach.call(arr, item => {
  // some code
});

for (let item of arr) {
  // some code
}