Не могу понять почему так увеличивается переменная цикла?

Question

[Mcrx]

Туплю походу сильно, но не могу понять почему именно такие результаты i

var movies = ['movie1', '10/10', 'movie2', '8/10', 'movie3', '6/10', 'movie4', '7/10'];
var moviesWithRate = [];

for (var i = 0; i < movies.length; i++) {
  console.log(i, ++i);
  // var item = movies[i].split(' ');
  // var movie = {};
  // movie[item] = movies[++i];
  //
  // moviesWithRate.push(movie);
}

кто может обьяснить что происходит в каждой итерации цикла?

Answer 1

[VoidVolker]

А что не так с результатом? Он именно такой какой и должен быть.

console.log( // Печать в консоли
    i,   // Текущий индекс
    ++i   // Увеличить текущий индекс, вернуть результат
);

Answer 2

[Сергей Мелодин]

for сам по себе увеличивает индекс на единицу, то есть

for (var i = 0; i < movies.length; i++) {
 console.log(i); // 0, 1, 2, 3 и т.д.
}

Увеличивая его ещё на единицу уже внутри в консоли, ты получаешь два значения: увеличенное циклом и увеличенное инкрементацией непосредственно "вручную".
Потому на выходе "0 1", "2 3" и т.д.

Comments

[Mcrx]

а я думал ++i переопределяет var i = 0; а оно вот как

[Сергей Мелодин]

Mcrx, ещё обрати внимание, что положение инкремента (слева или справа от переменной) меняет его поведение:

var a = 1;
var b = 1;

console.log(++a); // 2
console.log(b++); // 1

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

[Mcrx]

Сергей Мелодин, спасибо за развернутый ответ

Answer 3

[Алексей Чурилов]

Вы дважды в одном цикле увеличиваете переменную.