Почему мой цикл пока возвращающий неопределенные

Question

var names = ["Patrick", "Lizzy", "Walty"]; 

for (var i = 0; i < 3; i += 1) { 
    console.log("My name is: " + names[i]); 
}; 

while (names) { 
    console.log("According to the while loop, my name is " + names[i]); 
    var names = false; 
}; 

Это код, который печатается:

My name is: Patrick 
My name is: Lizzy 
My name is: Walty 
My name is: undefined 
According to the while loop, my name is undefined 

Почему цикл при возвращении «неопределенный» вместо каждого из этих трех имен? Любая помощь будет принята с благодарностью!

Answer 1

Вы нарушаете свою петлю for преждевременно. Вот в чем причина. Также вам не нужен ; после } в этом случае.

Причина, почему вы получаете undefined это, к тому времени, он приходит к петле while, значение по i «s является 3, что из размера names массива.

Булево значение, возвращаемое names, всегда истинно, поэтому оно выполняется независимо от того, что.

var names = ["Patrick", "Lizzy", "Walty"]; 
 

 

 
for (var i = 0; i < 3; i += 1) { 
 
    console.log("My name is: " + names[i]); 
 
} 
 
// Here the value of i is 3, which is out of bounds. So try using i-1: 
 
while (names) { 
 
    console.log("According to the while loop, my name is " + names[i-1]); 
 
    var names = false; 
 
}

Answer 2

Когда цикл завершается в for(), i будет иметь значение 3. Затем можно использовать этот 3 в качестве индекса для вас массив, но ваш массив имеет значения только для ключей 0-> 2

Answer 3

У вас есть две проблемы:

1. JS не использует блок области видимости, так i по-прежнему действителен и установлен в 3.
2. JS использует тип принуждения, поэтому names, преобразованный в логическое значение, всегда верен.

Из-за этого, ваш while цикл эквивалентно:

var names = true; // coercion! 
while (names) { 
    console.log("According to the while loop, my name is " + names[3]); 
    var names = false; 
}; 

Вы должны сбросить счетчик, прежде чем попасть в то время цикла, а затем увеличивать его, как вы идете по:

var i = 0; 
while (i < 3) { 
    console.log("According to the while loop, my name is " + names[i]); 
    ++i; 
}; 

Помните, что петля for - это просто сахар для цикла while, что позволяет вам объявить счетчик в начале.

Вы можете ввести names.length заменить постоянную 3 и работать с массивами более идиоматически:

for (var i = 0; i < names.length; i += 1) { 
    console.log("My name is: " + names[i]); 
}; 

var i = 0; 
while (i < names.length) { 
    console.log("According to the while loop, my name is " + names[i]); 
    ++i; 
}; 

Если вы хотите использовать современные возможности и получить умный, вы можете использовать метод forEach массивов:

names.forEach(function (name) { 
    console.log("My name is: " + name); 
}); 

Таким образом, вам не нужно беспокоиться о петлях или индексах вообще.

Если names не может быть массив, вы можете использовать синтаксис ES6 для перебора любого Iterable объекта:

for (const name of names) { 
    console.log('My name is:', name); 
}