У меня возникли проблемы с пониманием того, как этот цикл for завершается в JavaScript:
var files = ["A", "B"];
for (var i = 0, f; f = files[i]; i++) {
console.log(f);
}
При запуске он отображает A и B на экране, но почему f = файлы [2] завершают цикл? Если я запустил f=files[2] в моей консоли, я получаю ответ "undefined", так что же объясняет тот факт, что это должно закончиться циклом?
Бонусный вопрос: Почему бы не написать цикл вместо следующего?
for (var i=0; i < files.length; i++) {
f = files[i];
console.log(f);
}
Это кажется более ясным и более удобным для меня, поэтому есть ли какая-то причина, что первая часть кода будет использоваться во втором?
Цикл заканчивается, потому что undefined является значением falsey.
Причина использования одного над другим - предпочтение пользователя. У вас есть предпочтение, когда кто-то предпочитает другой путь. Кто-то может захотеть использовать цикл while. Правильного пути нет.
Массивы нумеруются начиная с нуля, поэтому array [] = [0,1,2]. Ваш код пытается инициализировать значение для файлов [2], которое является третьим местом в массиве, но ваш массив определяется только как имеющий 2 пробела. Поэтому, когда он видит, что он достиг конца массива, он выходит из цикла.
Что касается одной из петель, предпочитаемых другими, я бы предположил, что ваш второй цикл будет лучше, потому что первый из них по существу пытается назначить значение вне границ в массиве и не удается, поэтому он выходит. Я бы сказал, что второй безопаснее.
Вы получили "undefined", только когда вы запускаете код в консоли. Потому что при запуске любого кода в консоли он вернет "undefined", если не вернет какие-либо вещи.
for (ExpressionNoIn opt; выражение opt; выражение opt) Заявление
Первое выражение в выражении for, если оно присутствует, проверяется на наличие ложной ошибки для выхода из цикла. undefined - это ложь, так что это завершает цикл.
Что касается вопроса о бонусе, существует много способов написать этот цикл. Для меня код, который вы предложили, более читабельен. Сказав это, вы можете использовать Array.forEach для повторения массивов в более поздних браузерах.
Предпочитает for (var i=0; i < files.length; i++) {}
Рассмотрим arr = [0,1,2]
for (var i = 0; i < arr.length; i++) {} будет корректно перебирать все элементы в массиве, но for (var i = 0, item; item = arr[i]; i++) {} не будет (и не сможет выполнить полностью).
Обратите внимание, что ни одна из конструкций не подходит для обработки разреженных массивов (но опять же, вероятно, вы должны просто использовать и рассматривать ее как объект в этой точке).
Рассмотрите возможность использования Array.prototype.forEach или for( var item in arr ) {} при работе с разреженными массивами. Имейте в виду, что for( var item in arr ) {} также вернет значения Array.prototype и что Array.prototype.forEach не реализован в каждом браузере.